html - IE6でシャドウ効果を取得する方法

Question

私はHTMLテンプレートに取り組んでいます。IE6 を使用して、他のすべてのブラウザーのようにシャドウが表示されないことをテストします。IE6 は Box-shadow プロパティをサポートしていません。では、IE6 での作業で影の効果を得るにはどうすればよいでしょうか。

助けてください...

Answer 1

たとえば、IE6 DXImageTransform を使用して CSS シャドウをエミュレートできます。

 filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);

そのスニペットはこのページからのもので、方法の詳細についてはそれを読んでください。

また、 cbpはコメントでこのガイドを提案しました。それを読んだ後、これも良いリソースだと思います。

#box {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);
}

Answer 2

これを使用できます：

zoom: 1;
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);

このサイトを参照してください：

http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/