0

次のCSSを介して適用されたInternetExplorer(Internet Explorer 7 Internet Explorer 8)にボックスシャドウのある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にボックスシャドウを与える以外に、内部テキストを正常にするにはどうすればよいですか?

4

2 に答える 2

2

Internet Explorer 8では、コンテンツ内に余分なdivをラップすることでこれを克服できposition:relative;、テキストには再び栄光があります。

<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プロパティが削除され、私の検索による修正はありません。

CSSBoxShadowとJavaScriptを使用せずにIE6-8でCSS3box-shadowをシミュレートする方法に感謝します。。

于 2012-06-28T11:53:45.757 に答える
-1

div影で空を作成し、その上に他の要素からテキストを移動することができます。負のマージンまたは絶対位置を使用できます。

于 2012-06-28T10:23:12.100 に答える