CSS3に未対応のIE8以下に、filterを使って不透明度を実装するテスト

2つのボックスを重ねあわせ、上にのったbox2の透明度を60%に指定しています。
サンプル1は、CSS3に対応している FireFox、Webkit、Opera、IE9には、opacity: .6;
サンプル2は、IE8用に、-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
サンプル3は、IE5.5 〜 7用に、filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
※IE9はサンプル2にも対応します。
※サンプル3で、IE5.5は対応するものの、IE6だけがなぜか対応しません。

サンプル1: FireFox、Webkit、Opera、IE9
box1 background: green
box2 background: orange

サンプル2: IE8用
box1 background: green
box2 background: orange

サンプル3: IE5.5 〜 7用
box1 background: green
box2 background: orange