Tool Messages not working in IE
Posted: Sun Jul 28, 2013 10:11 pm
Hello:
I'm trying to create some popup help/tool messages. They should just pop-up when the user hover's over the anchored button. Following is my CSS
And following is a sample html button that uses the above css
This works fantastic in Firefox. When a user hover's over the button, then the popup 'toolMsg' shows just as expected.
Then I went to test it in IE and the message is not hidden, even though css is set as follows:
Any thoughts as to why display:none is not working in IE???
Thanks in Advance - Pavilion
I'm trying to create some popup help/tool messages. They should just pop-up when the user hover's over the anchored button. Following is my CSS
Code: Select all
/* ################ styling for popup messages (tooltips) ######### */
.toolMsg
{
display:none;
color:#754f31;
font-size:18px;
padding:5px;
background-color: #F1EDD7;
margin-left:60px;
border-radius: 5px;
border:1px solid #754f31;
position:absolute;
}
.anchor:hover + .toolMsg{
display:block !important;
z-index:10;
}Code: Select all
<td><button id='submitLogEdits' class="navBttnRight anchor">Submit</button><p class='toolMsg'>Submit Edits</p></td>Then I went to test it in IE and the message is not hidden, even though css is set as follows:
Code: Select all
.toolMsg
{
display:none;
... }Thanks in Advance - Pavilion