微软阴影滤镜-没有方向

Question

是否可以使用此滤镜创建无方向的投影(阴影出现在div的所有边?)

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

它将创建类似于:

box-shadow: 0 0 4px #969696;

Answer 1

没有跨浏览器的语义方法来实现在IE中创建框影功能。你拥有的。shadow()滤镜是你能得到的最接近的。

同时，这个页面应该证明是一个信息丰富的阅读。

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