IE7和IE8中的框阴影

Question

我想在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);

但它会产生一个方向性的阴影,我想要一个全方位的阴影.还试过模糊滤镜,但它需要有额外的div,这在我目前的情况下是不可取的.有关这个问题的专家意见吗？

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中,由于某种原因,你会松散光滑的字体,它们看起来会衣衫褴褛