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 psuedoclass。

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

1 个答案: