您的当前位置：首页 div:hover在ie6中不兼容问题怎么解决_html/css_WEB-ITnose

div:hover在ie6中不兼容问题怎么解决_html/css_WEB-ITnose

来源：26游戏网

像淘宝网www.taobao.com中分类有服饰、数码、护肤等，当鼠标移上去，div边框显示橙色的效果怎么弄出来的，div：hover在ff、ie7、ie8中都能实现，唯独ie6不能兼容div：hover，该怎样解决这个问题使得效果和淘宝网的这个一样在ie6中也可以实现该效果

回复讨论(解决方案)

/* 这个是普通样式，定义给需要效果的元素 */.hovereffect {border:1px solid blue;}/* 这个是hover样式 */.hovereffect:hover,.lay-on {background: #eee;border:1px solid red;}

div的hover

p的hover

ie6是css1.0，不支持非a的hover伪类，若想实现hover效果需要写js

将下面代码写入htc文件中

/*解决ie6.0 的hover兼容问题*/

页面中添加引用

 body { /* 	首先不支持绝对路径，只支持相对路径。 	其次，是相对于当前ASPX网页的相对路径，和CSS文件的位置无关。 */ behavior: url(../css/hover.htc); /*可在IE6,7中对非元素使用hover等伪类*/ }

可以用table模拟

也可以用jquery写：

自己测试了下，上楼的写法好像有点问题啊

$(document).ready(function(){
$('.test').mouseover(function(){
$('.test').css({"boder":"orange 1px solid"});
});
$('.test').mouseout(function(){
$('.test').css({"boder":"blue 1px solid"});
});
});

2楼可以！谢谢。

感谢2楼的同学，我困惑了很久的问题得到解决
再次谢谢你，谢谢网络。

2楼 hover.js 里面怎么写的？？

没必要搞得这么复杂，
div:hover{zoom:1;XXX你的样式}
div:hover .xxxclass{XXX你的样式}

对了 ie6 相对css是1.0，只对a标签有hover有用，非a标签没用，但是css2.0中，基本所有的都可以。

我也遇到这个问题了啊~~不过重新引入一个文件来解决好麻烦啊~~希望有更简单的办法

用是会用了，就是写着就傻眼了