在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,在我目前的情况下是不可取的。 任何关于这个问题的专家意见?

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

它支持box-shadowinset关键字除外 )。

在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中,由于某种原因你会放松字体,他们会看起来破烂不堪

你可以试试这个

 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'); 

用这个来解决阴影框问题

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