jquery - 悬停效果在 IE 浏览器中无法正常工作

Question

我正在使用 css 为精灵图像提供悬停效果（更改背景位置），它在火狐中工作正常，但在 IE 浏览器中工作正常，我需要在下面的代码中添加什么？

.social ul li { width:32px; height:32px; float:left; margin:10px 10px 0px 0px;
padding:20px 0px;}
.social ul li:last-child { margin:0px}
.social ul li.twitter a{ background:url(../images/grey_bg_sprite.png) no-repeat 0px
-192px; width:32px; height:32px;}
.social ul li.twitter a:hover {background:url(../images/grey_bg_sprite.png) no-repeat 0px
-226px; width:32px; height:32px; }

Answer 1

根据 IE 的版本，如果您<a>没有包含非空字符串的 href，则 a:hover 将不起作用。所以，如果你的 a 看起来像这样： <a class="foo">Bar</a>那么它需要有一个这样的 href： <a href="#" class="foo">Bar</a> 旧版本的 IE 不会认为它是没有填充 href 属性的有效锚标记，因此会忽略 :hover 伪类。