Question

是否可以使用此滤镜创建无方向阴影（阴影出现在div的所有边上？）

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

它会创建类似于：

的东西

box-shadow: 0 0 4px #969696;

Answer 1

在IE中，没有跨浏览器语义方法来创建盒子阴影功能。您拥有的.Shadow（）过滤器是您最接近的。

此外，this page应该证明是一个信息性的阅读。

Answer 2

是的，可以使用多个.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

微软阴影过滤器 - 没有方向？

2 个答案: