CSS Internet Explorer 8问题中的Box Shadow

Question

我有一个关于IE8与css的问题.我在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"也有阴影.

任何人都可以建议一种解决此问题的方法吗？

谢谢...

Answer 1

您需要为元素指定背景颜色:

http://jsfiddle.net/UNKAc/14/

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

不要引用我这个但是:我认为这是因为IE试图投射一个需要坚实的光来投射阴影.而且由于你的div是透明的atm,唯一可以投射阴影的是文本本身.