First solution (recommended)
IE6 and the lower browser support for ": hover" is not ideal for similar "P:hover", "Img:hover", "#header: Hover" ..., today to introduce a new method that can perfectly solve IE6 does not support the situation of hover, The usage is simple, and the downloaded "CSSHOVER.HTC" file is defined within the body style.
Body{behavior:url ("CSSHOVER.HTC");}
HTC file
Second Solution
<style type= "Text/css" >
p:hover,p.hover {background: #eee;} /* Just write one more. Hover only */
</style>
The following code will be placed at the bottom of the page </body> before:
<script type= "Text/javascript" >
<!– Let all tags support hover
function $ () {
if (document.all) {//determine if IE browser
var Obj=document.all;
for (Var i=0;i<obj.length;i++) {
Obj[i].onmouseover=function () {
This.classname= "Hover"
} ;
Obj[i].onmouseout=function () {
This.classname= ""
}
}
}
}
$();
–>
</script>
http://www.w3cfuns.com/forum.php?mod=viewthread&tid=347&fromuid=7146 Original
Yesterday wrote a small example of incompatible solutions found, special reprint.