輪廓IMG懸停不是在IE

div img:hover { 
outline:2px solid #4d3326; 
}

工作上面的代碼不工作在IE，它在Firefox和Chrome做工精細，可我知道是什麼問題或任何其他輪廓IMG懸停不是在IE

感謝

2010-10-22 kobe

你不想要'border：2px solid＃4d3326'嗎？ – 2010-10-22 01:10:52

IE6/7不支持outline，你可以在這裏看到其瀏覽器的支持，它怪異模式：http://www.quirksmode.org/css/contents.html#t26

2010-10-22 01:18:02

和IE6不支持在img元素上懸停。 – ScottE 2010-10-22 01:18:59

@ScottE - 是的，已經加入了這個，花了我一點，找到鏈接ID :) – 2010-10-22 01:32:37

那麼我怎麼能在鼠標懸停添加圖像邊框，我是否需要環繞一個div並在鼠標懸停添加div邊框？ – kobe 2010-10-22 02:24:57

的Internet Explorer 8（或更高版本）支持，如果指定的DOCTYPE是大綱財產！

因此，無論您是使用IE6還是IE7，或者您沒有指定DOCTYPE！DOCTYPE都已指定。

2010-10-22 01:19:03 kijin

正如你不能在IE瀏覽器的圖像使用:hover其他職位提到的，它僅適用於<a>標籤，也不支持outline在版本低於8

另一種方法是來包裝你的形象在錨點。

<a href="#" class="imagehover"> 
    <img src="bg_panel_corners.png" alt="" /> 
</a>

然後你就可以使用錨

.imagehover:hover{border:2px solid #4d3326}

一個邊界我意識到這可能不是很理想。如果是這樣，你可以使用javascript來啓用:hover沒有<a>元素，看看this article

2010-10-22 10:00:16

回答