不透明度在ie9中不工作

我使用不透明度，我想將它應用在圖像上。不透明度在ie9中不工作

這是我的CSS代碼：

img { 
    opacity:0.4; 
    filter:alpha(opacity=40); 
} 

img:hover { 
    filter:alpha(opacity=100); 
    opacity:1; 
    -moz-opacity: 1.0; 
    -khtml-opacity: 1.0; 
}

在Firefox，Chrome和Safari瀏覽器工作正常，但它不是Internet Explorer 9中工作的問題是在懸停效果。

關於簡單的img，不透明度在IE9中有效，但懸停效果不起作用。我怎麼解決這個問題？

來源

2012-08-03 Bibu

爲我工作得很好。您是否嘗試將DOCTYPE放入？ – 2012-08-03 12:49:47

讓我試試吧...... – Bibu 2012-08-03 12:55:58

不透明度還不是CSS標準。但是，它適用於所有現代瀏覽器，並且是W3C CSS 3建議的一部分。

請參考：http://www.w3schools.com/Css/css_image_transparency.asp

如果沒有快樂，

使用兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=8" >

來源

2012-08-29 11:39:41 KiarashSZ

請**不要**參考w3schools，永遠。他們是非常不準確的。 – ssube 2012-08-29 12:33:42

我有同樣的問題，試試這個：命中F12（調試控制檯），然後F5（刷新）。 IE9彈出一個小框： 'Internet Explorer限制此頁面運行腳本或ActiveX控件' 單擊按鈕'允許阻止的內容'，並且您的不透明度應該工作。

不太確定如何確保它自動工作。

來源

2012-10-13 07:47:48 Paulus

不透明度在ie9中不工作

回答

相關問題