次の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にボックスシャドウを与える以外に、内部テキストを正常にするにはどうすればよいですか?