これは私を夢中にさせています-私はIE8(およびIE <7)で不透明度を機能させようとしていたので、IE固有のcssプロパティ-ms-filter
(およびfilter
古いIE用)を追加しました。これは、Visual Studio 2010の組み込み開発サーバーを使用してローカルホストで実行するか、ディスクからhtmlファイルを開くだけでうまく機能します。
ただし、それ(またはhttp://www.quirksmode.org/css/opacity.htmlfilter
などを使用している他のページ)を表示すると、不透明度が表示されず、単色になります。
ここでデモを作成しましたhttp://jsfiddle.net/3nvN9/9/-jsFiddleで表示すると、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>