Internet Explorer - 过滤阴影属性使文本内部变得难看

Question

我在Internet Explorer（Internet Explorer 7 Internet Explorer 8）中通过以下CSS应用了带有框阴影的div。

box-shadow:        0px 0px 15px #FF00CC;
-o-box-shadow:     0px 0px 15px #FF00CC;
-moz-box-shadow:   0px 0px 15px #FF00CC;
-webkit-box-shadow:0px 0px 15px #FF00CC;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=0),
        progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=90),
        progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=180),
        progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=270),
        progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
background-color:#FFFFFF;
border:1px solid #FF00CC;

它给了它一个盒子阴影，但是使内部文字变得模糊和丑陋，也就是说，黑色文字正在失去清晰度：

没有框阴影属性就像这样：

除了给div一个盒子阴影外，如何使内部文本正常？

Answer 1

在Internet Explorer 8中可以通过使用position:relative;在内容中包含额外的div来克服它，并且文本再次具有其荣耀：

<div class="shadow-box">
    <div style="position:relative;">Lorem ipsum dosectetur adipisicing elit</div>
    </div>

    .shadow-box {
        box-shadow:        0px 0px 15px #FF00CC;
        -o-box-shadow:     0px 0px 15px #FF00CC;
        -moz-box-shadow:   0px 0px 15px #FF00CC;
        -webkit-box-shadow:0px 0px 15px #FF00CC;
        zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=0),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=90),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=180),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=270),
                progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
        background-color:#FFFFFF;
        border:1px solid #FF00CC;
    }

但是在Internet Explorer 7中，如果使用阴影过滤器，它会删除字体上的cleartype属性，并且根据我的搜索没有任何修复

感谢 CSS Box Shadow 和 How to simulate CSS3 box-shadow in IE 6-8 without JavaScript. 。

Answer 2

您可以使用阴影创建一个空的div，并在其上移动其他元素的文本。您可以使用负边距或绝对位置。