在IE7和IE8的箱子阴影

我想在IE7和IE8中实现盒子阴影。 我已经试过一切都没有成功。 这里是我用来应用彩色阴影的div的CSS：

.bright{ position: absolute; z-index: 1; -moz-box-shadow: 0px -3px 55px 20px #147197; box-shadow: 0px -3px 55px 20px #147197; -webkit-box-shadow: 0px -3px 55px 20px #147197; behavior: url(ie-css3.htc); } 

这ie-css3.htc文件是解决IE阴影问题。 但它只会产生黑色阴影，而不是颜色阴影。 我试过了：

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

但它创造了一个定向阴影，我想要一个全方位的影子。 也尝试模糊filter，但它需要有额外的divs，在我目前的情况下是不可取的。 任何关于这个问题的专家意见？

Answer 1

使用CSS3 PIE ，它模拟旧版IE中的一些CSS3属性 。

它支持box-shadow （ inset关键字除外 ）。

Answer 2

在ie8你可以试试

 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0'); 

告诫：在ie8中，由于某种原因你会放松字体，他们会看起来破烂不堪

Answer 3

你可以试试这个

 box-shadow: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'), progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000'); 

Answer 4

用这个来解决阴影框问题

 filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#F13434', Positive='true');