過濾器不透明度不起作用

由於某種原因過濾器：不透明度在IE8中不起作用。我有一段時間沒有使用它，但它一直工作，我不知道問題是什麼。此外，螢火蟲並沒有顯示過濾規則，只是正常的不透明度。過濾器不透明度不起作用

任何想法？

ul.products-grid img:hover { 

    opacity: .8; 
    filter:alpha(opacity=80); 
}

來源

2013-02-06 Olivera Kovacevic

此外，檢查您的網頁是否在IE中以怪癖模式呈現。我認爲IE8可能不支持：任意元素上的hover僞類，除非它處於標準兼容模式。

類似的情況和解釋here。

來源

2013-02-06 15:53:45

標籤是

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

嘗試了這一點

來源

2013-02-06 15:56:42 Toping

在IE8中，你可能還需要;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

您可能也想看看Cross Browser Opacity

來源

2013-02-06 15:57:02 TheDeadLike

試試這個：

ul.products-grid img:hover { 
    opacity: .8; /* Standards Compliant Browsers */ 
    filter:alpha(opacity=80); /* IE 7 and Earlier */ 
    /* Next 2 lines IE8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
}

，如果你希望自己的網頁validate，從您的IE瀏覽器的樣式表分離的標準樣式表通過使用if語句如下所示：

<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="stylesheetname.css" /> 
<![endif]-->

來源

2013-02-06 15:57:36 Vinay

你的CSS工作正常。看看這裏的演示，http://jsfiddle.net/e26Pz/2/

也許問題可能在DOC類型。在我使用的示例中<!DOCTYPE html>

Doc您使用的是什麼類型？

完整的示例代碼

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title> - jsFiddle demo</title> 
    <style type='text/css'> 
    img:hover {  
     opacity: 0.4; 
     filter:alpha(opacity=40); 
    } 
    </style> 

</head> 
<body> 
    <img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn1/69651_408104205949356_2097957740_n.jpg" />  
</body> 
</html>

來源

2013-02-06 16:00:38

尼斯小提琴，但你測試，在IE8？對我來說，jsfiddle.net似乎不在IE8中工作。 –

我檢查了IE8併爲我工作。試試這個鏈接，http://fiddle.jshell.net/e26Pz/2/show/ –

是的，那個在IE8中對我很好。現在我很困惑，因爲大多數消息來源似乎都聲稱IE8需要這樣的-ms-過濾規則。 –

過濾器不透明度不起作用

回答

相關問題