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

像淘宝网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写：

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