Page 1 of 1

need help in mouse hover

Posted: Thu Jul 16, 2009 4:55 am
by rajsekar2u
Hi,

On hover is not working in IE 6.

Am using the following css do display background color on hover. But its not working on IE6.

Help me.

CSS Code:

Code: Select all

.lmenu5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
background-color:#FFFBFF;
height:23px;
}
.lmenu5 a{
font-size:11px;
text-decoration:none;
color:#000000;
}
.lmenu5 a:hover{
font-size:11px;
background-color:#DEEBFF;
}
.lmenu5:hover{
background-color:#DEEBFF;
border-right: #000000 2px solid;
}
And Html Code

Code: Select all

<table>
<tr>
    <td class="<?php echo $class; ?>">&nbsp;<a href="index.php">Home</a></td>
</tr>
</table>

Re: need help in mouse hover

Posted: Thu Jul 16, 2009 9:29 am
by shotocon
hmmm - just a quick attempt at an answer here.

I usually use onmouseover javascript to do this.

Its possible to get a div.[class]:hover to work - but will change the background for the entire width of the div tag. This only seems to work in FF.

Not too sure if its possible to get :hover to work for regular text or a cell though - could be wrong.

I'll keep an eye on this thread, hopefully someone will prove me wrong!

Re: need help in mouse hover

Posted: Thu Jul 16, 2009 10:47 am
by pickle
IE6 doesn't support hovering on anything other than <a> tags, and has absolutely no support for attribute specific styling. I found this link helpful in determining what IE6 does & doesn't support: http://kimblim.dk/css-tests/selectors/.

If you want hovering on something other than <a> tags in IE6, you'll have to use Javascript.

Re: need help in mouse hover

Posted: Wed Jul 22, 2009 11:11 am
by kaszu
Flickering can be fixed easily, from ajaxian.com:

Code: Select all

* html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}