2011-03-29 126 views
2

我用這對Firefox和Web瀏覽器套件:如何做到在IE盒子陰影?

-moz-box-shadow: 0 0 15px #888; 
-webkit-box-shadow: 0 0 15px #888; 
box-shadow: 0 0 15px #888; 

IE瀏覽器,我發現了2個過濾器從這篇文章:

http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

/* For IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')"; 
/* For IE 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 

但這些2個過濾器是在這篇文章中,沒有我期待acheive盒陰影效果的例子。我試圖改變它,但我不熟悉IE過濾器。任何人都可以請改變這2個過濾器來使用我需要的效果的陰影嗎?

回答

3

我不會刻意設置這些過濾器,因爲他們不會表現得完全一樣的box-shadow。

對於我的項目,我用css3PIE它增加了CSS3功能,誰不支持他們IE瀏覽器。我發現這個盒子陰影的解決方案更加一致。你可以正常使用CSS3語法 - 所有你需要做的是加載庫。

+2

+1 css3pie。這項工作的最佳工具。唯一可行的選擇是讓IE用戶沒有影子。 – Spudley 2011-03-29 15:30:37

+0

我愛你,夥計,這件事真棒,超級容易實施! – Jacob 2011-03-29 15:30:41

+0

只要照顧它 - 用1-2的它提供了在同一時間的功能,也許3 - 否則它仍然可以得到馬車。職位:相對經常解決問題。他們也有很棒的f.a.q. – easwee 2011-03-30 10:31:21