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中模拟some CSS3 properties。

它支持box-shadow（except for 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');

IE7和IE8中的框阴影

4 个答案: