CSS Internet Explorer 8中的Box Shadow问题

| 我对使用CSS的IE8有疑问。我将代码从msdn粘贴到CSS中

.shadow {-ms-filter: \"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=\'#000000\')\";}

我用这样的问题代码 <div class=\"shadow\"> <p>Bla Bla</p> </div> 我对此有疑问。我只希望DIV有阴影，但是\“ Bla Bla \”也有阴影。谁能建议解决此问题的方法？谢谢...

已邀请:

3 个回复

您需要为元素指定背景颜色： http://jsfiddle.net/UNKAc/14/

.shadow {
    background:#fff;
    -ms-filter: \"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=\'#000000\')\";
}

不要在此引用我的意思，而是：我认为这是因为IE试图投射需要坚实的阴影才能发出的光。而且由于div是透明的atm，因此唯一可以阴影的是文本本身。

您可以将background-color: #fff应用于div，那么您将看不到文本绘制的阴影。但是，CSS5中的filter并不如box-shadow好。 IE8不支持box-shadow，但是您可以使用CSS3 PIE进行仿真。

我知道这已经有两个星期了，但是如果您仍然在进行调整，那么您应该真正看一下CSS3 PIE。我在这里工作的一位朋友向我展示了它，如果您可以依靠JS来实现IE的这些增强类型，那就太好了。 http://css3pie.com/documentation/pie-js/

要回复问题请先登录或注册