2011-03-02 137 views
1

這是對IE做盒子陰影的正確方法嗎?這在你的電腦上工作嗎?IE的盒子陰影效果

filter:progid:DXImageTransform.Microsoft.DropShadow(color='#000000',offX='20',offY='20'); 

回答

2

預IE 9:

filter: progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc); 

後IE8:

-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc)"; 
+0

attribute1是盒子或div的id,value1是顏色嗎? – AAA 2011-03-02 20:01:02

+0

對不起,我知道它是一個愚蠢的問題......但我是新的。 – AAA 2011-03-02 20:20:03

+1

它應該像這樣:(color =#561A0B,offX = -6,offY = -6,positive = true) – wahle509 2011-03-02 21:07:02

1

我更喜歡使用CSS3 PIE(http://css3pie.com)而不是DropShadow濾鏡;在開始添加模糊時,過濾器很難在其他瀏覽器上看起來像CSS3 box-shadow。 CSS3 PIE的box-shadow實現與其他瀏覽器非常相似,並且作爲與border-radius一起使用的附加好處(陰影形狀被圓化以匹配背景/邊框的圓角)。

1
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=0), 
    progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=90), 
    progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=180), 
    progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=270);