如何在IE6中獲得陰影效果

Question

我正在研究HTML模板。使用IE6進行測試不會像所有其他瀏覽器一樣獲得陰影。 IE6不支持Box-shadow屬性。 那麼，如何在IE6上使用Shadow Effect。

請幫助...

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); 

片斷代碼爲this page閱讀了解有關如何更多信息。

而且cbp建議在評論this guide，看完後，我覺得這也是一個很好的資源，提示：

#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/