div+css li的兼容问题

html-css013

div+css li的兼容问题,第1张

你是不是写的:

li:hover{xxx}

在ie下(好像是低版本)只支持a:hover,不支持li:hover

如果不是这个问题的话,下次问这种东西把css和html代码都发全,不然只能帮你猜...

不建议用这种写法,太不标准了,ul标签的下一级就应该是li,如果用a标签包含li,是不符合w3c规范的。正确的写法应该是让li包含a,例如下面这样:

<ul class="main_foot_left">

<li><a href="#">团购</a></li>

<li><a href="#">明星店铺</a></li>

<li><a href="#">最热卖</a></li>

<li><a href="#">积分商城</a></li>

</ul>

回到你提出的问题,我在本机用IE7和IE6测试并没有发现什么异常,可能是其他什么地方的样式干扰到了它的表现。如果要调整的话,可以用"*“星号来为IE6/7专门定义样式,例如你发现li的高度在IE6和IE7下表现不对,高度多了20px,就可以这样来定义它的样式

height:50px*height:30px

前面的height是所有浏览器都执行的,后面加了星号的height只在IE6/7下面生效。