Why doesn't it work under Ie6 ul.cssmenu li:hover a{color:#0d66a1;background-color: #f1f1f1;_html/css_WEB-ITnose

Why does it work under ie8 but not ie6 under Google? How can I modify it to work under ie6?

ul.cssmenu li:hover a{color:#0d66a1;background-color: #f1f1f1 ;box-shadow:0px 2px 3px #333;background-image: none}

The table is as follows, please give me some advice, thank you

< ;li class="selected">Homepage

• News


• 
  Member Channel
  
  
  
  • Modify
  
  
  
  

Reply to discussion (solution)

Forget it, this shadow doesn’t work, and neither does the background. It seems that hover doesn’t work at all

ul.cssmenu li a:hover ul{ left:auto;}
This doesn’t work either , I don’t know if it’s the same reason

http://www.21shipin.com/html/64806.shtml

I don’t understand, is there any specific example

ie6 No To support li:hover, compatibility needs to be done with js.

Right, that’s what I mean, you have to use js to achieve this effect. IE6 does not support li:hover, so you have to use js to do it for compatibility.

The above solution is correct. Use jquery to implement it.

Is there any specific method? Give an example.

First change the style to
ul.cssmenu li. selected a{color:#0d66a1;background-color: #f1f1f1;box-shadow:0px 2px 3px #333;background-image: none}


Then introduce the jquery library in html
< ;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

Write another js code

http://download.csdn.net/detail/wayo2008/3829178
It turns out that I have encountered a similar situation, so I will share it~ I hope Helpful for you.

Non-a elements in ie6 do not support: hover attribute. The author can use js to implement

ul.cssmenu li:hover a{color:#0d66a1;background-color: #f1f1f1;box-shadow :0px 2px 3px #333;background-image: none}
Change to:
ul.cssmenu li a:hover{color:#0d66a1;background-color: #f1f1f1;box-shadow:0px 2px 3px # 333;background-image: none}
Give li a a display:inline-block attribute. Simulate it as li...