對於<= IE8，CSS3有效的「不透明度」

我試圖確保我的公司網站是HTML5/CSS3有效，但我遇到了一個小小的CSS問題。對於<= IE8，CSS3有效的「不透明度」

基本上，我們有一個過濾的團隊成員列表（每個圖片下面有一個名稱/電子郵件），那些超出範圍的人放在最後並稍微退色（opacity: 0.3;）。然而，隨着IE8（之前）是特殊的，我用下面 -

filter: alpha(opacity=30);

然而，這引起了驗證錯誤「解析錯誤不透明度= 30）」，所以我做了一些搜索和與此代替它 -

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

沒有錯誤這一次，但我得到一個警告 - 「物權-MS-過濾器是一個未知的供應商擴展」

是否有人知道的應用opacity的CSS3有效的方式是向後兼容IE8（即沒有錯誤或警告）？謝謝。

來源

2014-02-18 David Gard

供應商擴展警告，可以忽略不計。真。相信我。 – BoltClock

這是在IE 8及更低版本中實現「不透明度」的唯一方法（在這些瀏覽器中有很多不是「標準」的東西）。 –

那麼一種方法是簡單地添加一個額外的效果與不透明度一起。這樣的瀏覽器不呈現opacity財產仍然能夠區分的團隊成員誰是超出範圍：

selector { 
    background: #dfdfdf; /* New property, light grey background. */ 
    opacity: 0.3;   /* Old existing property, no validation warnings. */ 
}

來源

2014-02-18 14:59:58

通常我會同意，但在這種情況下，我的選擇器是一個圖像，所以在這種情況下很難應用任何此類效果。謝謝。 –

對於<= IE8，CSS3有效的「不透明度」

回答

相關問題