当前位置: 代码迷 >> HTML/CSS >> CSS中的,hover 加入背景图片, IE6中的有关问题
  详细解决方案

CSS中的,hover 加入背景图片, IE6中的有关问题

热度:287   发布时间:2012-04-08 14:38:30.0
CSS中的,:hover 加入背景图片, IE6中的问题。
请问各位:
当鼠标移动到li中的文本, 而改变li中的背景图片, 如下代码:
div.SubPanelTitle1 ul li:hover
{
  background:url(Image/sub01_menu_select.jpg) no-repeat;
}
在IE7中正常,鼠标划过得到背景图片。 但在IE6中得不到背景图片。
请问各位原因?有没有办法调整后IE6也可以用。
谢谢。

------解决方案--------------------
ie6不支持 li:hover
要改成 li a:hover{border:none;} //多加个border:none;
也就是html改成<li><a>xxx</a></li>
------解决方案--------------------
IE6中只能识别a的hover伪类
------解决方案--------------------
1楼说的对对号再来个 li a:hover{border:none;display:block;}
------解决方案--------------------
ie6 只能识别a标签的为类

------解决方案--------------------
IE6对hover的支持效果不好,需要修改li:hover{}样式里的属性。
  相关解决方案