-1

interncup-thc.ucoz.com

ブラケットの下で、テキストの周りに緑色の影が表示されるはずでしたが、これは chrome/firefox ディスプレイでは表示されますが、IE では表示されません。私はIE10を持っています

どうしたの？すでに1日これを修正しようとしています。

4

1 に答える 1

1

IE かどうかを検出し、必要に応じて対応するクラスを適用するように、HTML を変更する必要があります。これは CSS にさらに多くのことを追加しますが、IE との互換性のために必要になるでしょう。

IE のすべてのバージョンをカバーする場合は、次のようにします。

<body>タグを次のように置き換えます。

<!--[if lt IE 7 ]><body class="ie6"><![endif]-->
<!--[if IE 7 ]><body class="ie7"><![endif]-->
<!--[if IE 8 ]><body class="ie8"><![endif]-->
<!--[if IE 9 ]><body class="ie9"><![endif]-->
<!--[if (gt IE 9) ]> <body class="modern"><![endif]-->
<!--[!(IE)]><!--><body class="notIE modern"> <!--<![endif]-->

たとえば、次のように適用します。

body.ie6 #box,
body.ie7 #box,
ody.ie8 #box {
/* This contains the color of the shadow in the CSS3 syntax */
    background: #cccccc;

 /* This contains the blur-radius in the CSS3 syntax */
zoom: 1;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=5);

  /* You must remove the border in IE, since it will be replaced in the next rule */
border: none;

JavaScript を使用せずに IE6-8 で CSS3 box-shadow をシミュレートする方法に関する非常に優れたリファレンスです。

于 2013-05-09T19:48:40.080 に答える