鼠標懸停效果並不在IE工作

我

<td width="70" height="60"> 
    <a href="images/Gallery1/6.jpg" rel="lightbox" title="my title" > 
     <img src="images/Gallery1/thumbs/6.jpg" width="65" height="40" border="0" class="gallery-img"> 
    </a> 
</td>

和CSS：

.gallery-img{ 
    border:4px solid #FFFFFF; 
} 
.gallery-img:hover{ 
    border:4px solid #D4D5D8; 
}

上面的代碼運行正常使用Firefox，但使用IE 8時不我怎樣才能解決這個？

來源

2011-04-05 Testadmin

嘗試從您的img HTML標記中移除border="0"。

來源

2011-04-05 05:27:02 Hite

您正在測試此版本的哪個版本的IE？

IE的早期版本（僅版本6）僅支持在a（鏈接）元素上的懸停選擇器，而沒有其他任何內容。較新的版本應該支持這一點，但我沒有第一手經驗來證明這一點。

下面寫着關於IE6：http://www.howtocreate.co.uk/wrongWithIE/?chapter=%3Ahover

來源

2011-04-05 05:27:49

他沒有明確說明它是IE 8嗎？ – 2011-04-05 07:15:02

爲我工作。我試了一下在Chrome，IE 8和9：

http://jsfiddle.net/EmmrW/1/

即使你更新的代碼，它仍然有效：

http://jsfiddle.net/EmmrW/2/

，但它是真實的 - 嘗試將所有的寬度和高度，邊界屬性到CSS - 這就是它們所屬的地方。

此外，您可能有其他定義，任何IE特定的CSS文件或規則？檢查那些。

來源

2011-04-05 05:30:29

檢查了這一點：

a .gallery-img{ 
    border:4px solid #FFFFFF; 
} 
a:hover .gallery-img{ 
    border:4px solid #D4D5D8; 
}

我認爲它會工作。謝謝

來源

2011-04-05 06:09:07 thecodeparadox

這將工作在IE8，如果你在標準模式。

:hover不適合在IE6和IE7/8 非a元素的怪癖模式工作：

，如果你在Quirks Mode它不會工作。

你使用表格進行佈局的事實表明，對於所有可能的原因，在怪癖模式下這是答案。

閱讀這漫長而細緻的文章：

http://hsivonen.iki.fi/doctype/

總之，你需要確保你有一個正確的doctype在你的HTML的第一行，如：

<!DOCTYPE html>

您可以通過在IE中打開相關頁面來驗證我所說的內容，然後按F12打開開發人員工具。如果對於「文檔模式」它說怪癖模式，你的CSS片段將永遠不會工作。添加doctype後，應該說「IE8標準」，它應該都可以工作。

如果它仍然不起作用，那麼你有其他一些問題，防止IE使用標準模式。

來源

2011-04-05 11:01:25 thirtydot

鼠標懸停效果並不在IE工作

回答

相關問題