Home/ Questions/Q 8169515
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T20:51:56+00:00

I have a div with a box shadow in Internet Explorer (Internet Explorer 7 Internet Explorer 8) applied through

  • 0

I have a div with a box shadow in Internet Explorer (Internet Explorer 7 Internet Explorer 8) applied through following CSS.

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;

It is giving it a box shadow, but making the inside text blurred and ugly, that is, black text is losing sharpness:

Enter image description here

And without a box shadow properties it’s like this:

Enter image description here

How can I make the inside text normal besides giving the div a box shadow?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It can be overcome in Internet Explorer 8 by wrapping in an extra div inside the content with position:relative; and the text again has its glory:

    <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;
    }

    But in Internet Explorer 7 if you use shadow filter it removes cleartype property on font ,and doesnt have any fix as per my search

    Thanks to CSS Box Shadow and How to simulate CSS3 box-shadow in IE 6-8 without JavaScript..

    • 0