這讓我瘋狂 - 我一直試圖讓IE8(和IE < 7)工作在不透明狀態,所以我添加了IE專用的css屬性-ms-filter
(和filter
較老的IE)。這在使用Visual Studio 2010的內置開發服務器的本地主機上運行很好,或者只是從磁盤打開html文件。不透明度IE8只能在本地主機上工作
但是,當查看它(或任何其他頁面使用filter
,如http://www.quirksmode.org/css/opacity.html)時,我不會得到不透明度 - 只是一種純色。
我在這裏做了一個演示http://jsfiddle.net/3nvN9/9/ - 當在jsFiddle中查看div時,div顯示爲純黑色,但是如果我採用相同的代碼(這就是爲什麼我將它全部保存在html中)並從本地主機查看它或磁盤,我可以通過div看到文本。
下面是樣本頁面的完整代碼:
<!DOCTYPE html>
<html>
<head>
<style>
div {
position: absolute;
top: 0;
height: 150px;
width: 150px;
background-color: black;
opacity: .3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity = 30);
}
</style>
</head>
<body>
<p>Can you see me?</p>
<div></div>
</body>
</html>