透明度過濾器

Question

我剛剛做了一個應該禁用某些區域的html。在設計之後，這些區域應該保持50％的透明度。

爲此，我做了一個名爲「透明」的類。我遇到的問題是這個網站還需要在IE6中看到。我所做的CSS工作在所有瀏覽器中，但我無法在IE6中進行測試。

直到此刻我一直在使用IETester但我不能看到的透明度過濾器工作（圖像的div和等都是他們的100％。）

我在網上看到IETester有問題的透明度閱讀過濾器和我試圖安裝虛擬機，所以我可以有IE6等等等等等等........請，如果你能幫助我，使這更容易!!! ...

我只是想知道，如果這個CSS我應該在IE6中工作，因爲我無法測試它。

如果不是，如果你能提供給我一個更好的解決方案？

ps：我已經嘗試安裝透明度.htc文件，但它在我們製作解決方案的Visual Studio中不起作用。

由於提前，

這是CSS：

.transparent{ 
zoom: 1; 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE5+*/ 
filter: alpha(opacity=50); /* IE5-7 */ 
-moz-opacity:0.5; /* Older than Firefox 0.9 */ 
-khtml-opacity: 0.5; /* Safari 1.x (pre WebKit!) */ 
opacity: 0.5; /* Firefox 0.9+, Safari 2, Chrome, Opera 9+, IE 9+ */} 

Answer 1

我會建議你使用RGBA（）...

類似的東西：

element { background : rgba(255,255,255,0.5); } 

這會給你一個白色的50％的透明度。

爲了得到這個在IE工作，你應該使用this calculator

將是這樣：

element { 
background:none; 
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); 
zoom: 1; 
} 

我已經使用了很多最近，它的工作完美。

Answer 2

，如果你真的想使之與IE6的工作，那麼你就去做，創造你所需要的透明度的形象一件事寬度和高度按您的需要...然後修改你的CSS按...

.transparent 
{ 
background:url(path_to_your_transparent_image) repeat-x repeat-y; 

}