Div透明在IE8中不起作用

Question

我有一個覆蓋div，它是body標籤的孩子div的背景應該是透明的白色，我寧願不要用png來僞造它。我有以下的青菜：

.my-overlay 
    @include opacity(0.6) 
    background: #fff 
    position: absolute 
    top: 0 
    left: 0 

這編譯爲：

.my-overlay 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
    opacity: 0.6; 
    background: white; 
    position: absolute; 
    left: 0; 
    top: 0; 

我也有以下

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

工作的透明度在Chrome，Safari和FF，但不是IE8。在IE8中，div的背景呈現爲不透明的白色（我在OS X上的XP/IE8/VMWare中測試）。它在兼容模式下也不起作用。

我也嘗試手動更改過濾器到-ms-過濾器，它沒有任何效果。

IE8開發人員工具欄顯示過濾器屬性已應用於具有正確值的div，hasLayout爲-1。我可以忽略的是在IE8中防止透明度？

Answer 1

This作品對我來說，即使是在IE7/IE8：

.transparent { 
    zoom: 1; 
    filter: alpha(opacity=50); 
    opacity: 0.5; 
}