2012-01-04 133 views
1

我有一個圖像鏈接的無序列表,當你將鼠標懸停在它們上面時,它們會淡出一點,當然,這顯示除IE之外的每個瀏覽器中的所有內容。起初我以爲這只是一個PNG錯誤,但在應用這兩個修復程序後,它仍然不起作用。該頁面是:圖像不在IE中顯示

The page.

如果有人知道發生了什麼事,請讓我知道,因爲我現在完全難住了。謝謝

+0

請詳細說明問題的具體內容,以及IE版本(IE8根本不顯示圖片)。此外,您只使用webkit特定的轉換,所以轉換在FF中也不起作用。 – ptriek 2012-01-04 23:03:08

回答

1

它出現在IE7和IE9的工作,但不是IE8的風格來實現的。有興趣,以前從未見過。

無論如何,你可以通過使用不同的方法來解決問題。不要使用列表,只需在含有<div>的圖像中(含鏈接),然後將樣式應用於鏈接,使其具有display: inline-block; - 這將允許您將它們垂直對齊(vertical-align: middle;)並設置它們的寬度如果你想。

+0

謝謝。這工作得很好。感謝幫助。 – doitliketyler 2012-01-04 23:25:38

0

它在IE9中起作用,所以首先猜測你是否使用了一些css或JavaScript,而這些在早期版本中不被支持。您需要發佈代碼,以便我們可以爲您提供有關如何解決此問題的更好指導。

1

不透明度淡出正在通過IE瀏覽器不支持

-webkit-transition: opacity; 
-webkit-transition-timing-function: ease-out; 
-webkit-transition-duration: 500ms; 
+0

嗯,我想了一下,但記得IE瀏覽器只是忽略了這些樣式,並按原樣顯示圖像。 – doitliketyler 2012-01-04 23:27:10

+0

我認爲這裏的問題是過渡效果沒有顯示在IE中?很高興你有你的問題排序方式:) – 2012-01-04 23:36:44