IE9 下 CSS 中 hover 伪类的解释问题：只有鼠标滑过文字才有效果？
HTML代码：<divid="wrap"><h1>标题</h1><p>各种文字</p></div>CSS代码#wrap{width:100px;height:100px;...
HTML代码：
<div id = "wrap">
<h1>标题</h1>
<p>各种文字</p>
</div>
CSS代码
#wrap
{
width : 100px;
height: 100px;
padding: 10px 10px 10px 10px;
}
#wrap:hover
{
background-color:#171717;
box-shadow:0px 0px 5px #BBB;
}
总之现在就是只有鼠标划过中间的文字才有hover的效果出现，而在div中的空白区域就没有效果。但是在chrome中，只要鼠标进入div的100px*100px的区域，hover的效果就出现了。
求问这是IE9的必然结果吗，还是有办法解决？
问题的解决非常奇怪，不过还是自己搞定了，风马牛不相及啊。。。分就给先来的那位吧 展开
<div id = "wrap">
<h1>标题</h1>
<p>各种文字</p>
</div>
CSS代码
#wrap
{
width : 100px;
height: 100px;
padding: 10px 10px 10px 10px;
}
#wrap:hover
{
background-color:#171717;
box-shadow:0px 0px 5px #BBB;
}
总之现在就是只有鼠标划过中间的文字才有hover的效果出现，而在div中的空白区域就没有效果。但是在chrome中，只要鼠标进入div的100px*100px的区域，hover的效果就出现了。
求问这是IE9的必然结果吗，还是有办法解决？
问题的解决非常奇怪，不过还是自己搞定了，风马牛不相及啊。。。分就给先来的那位吧 展开
3个回答
展开全部
理论上ie9兼容以上css代码
但是伪类的确会出现很多莫名的问题
建议结合jquery使用。
但是伪类的确会出现很多莫名的问题
建议结合jquery使用。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
