懸停效果在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看起來像這樣：<a class="foo">Bar</a>那麼它需要這樣的href：<a href="#" class="foo">Bar</a>老版本的IE不會認爲它是一個沒有填充href屬性的有效錨標籤，所以會忽略：hover psuedoclass。