Microsoft Shadow Filter - 無方向？

是否有可能使用此過濾器來創建一個沒有方向的陰影Microsoft Shadow Filter - 無方向？

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);

這將創建一個類似的東西（出現在一個div四面八方的陰影？）：

box-shadow: 0 0 4px #969696;

來源

2011-09-19 JasonS

如何http://css3pie.com/ – Joonas

在IE中沒有一種跨瀏覽器語義的方法來創建盒子陰影功能。 .Shadow（）過濾器是最接近你將要獲得的。

此外，this page應證明是一個信息閱讀。

來源

2011-09-19 08:18:19 Ben

謝謝，只是想有人確認我想要做的事情不能用影子功能來完成。模糊功能在我的場景中並不適合。我會在沒有邊框的邊上添加1px模糊像素，並且IE可以在所有內容上都有定向陰影 – JasonS

個人而言，我會在IE中完全忽略它。爲可以讀取它的瀏覽器定義'box-shadow'，並且不要擔心瀏覽器不能。 – Ben

是的，這是可能的，只是使用多個.shadow聲明每個方向不同。

這會給你一些東西接近你正在尋找的東西 - 各種優勢是用來融合邊緣更好一點。

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

的演示可以在這裏看到：http://hedgerwow.appspot.com/demo/shadow

以及有關IE瀏覽器的過濾器詳細信息請參閱MSDN文章：http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx

來源

2012-07-11 21:58:25

Microsoft Shadow Filter - 無方向？

回答

相關問題