Question

IE CSS hover伪类鼠标滑过DIV padding空白无效一定要滑过内容才有效,怎么让他滑过空白也有效啊???

<style>
.gdp > div
{
float:left; padding:12px 50px 12px 50px; background-color:#444444; margin-right:1px; text-align:center; color:#FFFFFF; font-size:14px; min-width:44px;
}
.gdp > div:hover{background-color:#BF3019}
<style>
<div class="gdp">
<div>商品信息</div>
<div>商品评论(<span>0</span>)</div>
<div>品牌故事</div>
<div>售后服务</div>
<div> </div>
</div>
脚本jquery的hover 和Css的效果是一样的
不知道怎么办了,请高手来啊!!
能写出代码最好,谢谢;

Answer 1

你给的demo火狐和chrome都测试正常，如果是低版本ie下出的问题很可能是ie对伪类的支持性不太好，可以避开伪类换个写法，子容器的div标签换成li，>去掉就行

Answer 2

设置div的宽（width）和高（height），还可以设置一下背景色（background-color）用于测试，看的更清晰