0

追加しようとした IE10 で box-shadow を動作させるのに問題があります

@media screen and (min-width:0\0)

支配するが成功しない。コードはfirefoxとchromeでうまく機能します。

コード

.glossy-curved-black .slide-wrapper {
    background-color: #FFF;
    border: 10px solid #FFF;
    box-shadow: 40px 40px 40px #000;
   -webkit-box-shadow: 40px 40px 40px #000;
   -moz-box-shadow: 40px 40px 40px #000;  
}

    @media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
      .glossy-curved-black .slide-wrapper {
         box-shadow: 0px 0px 80px #000;
       }
    }

私のウェブサイトはこちら

4

2 に答える 2

5

問題は head 要素にあります:

<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

IE を最新のブラウザーのように動作させたい場合は、ページを強制的に IE7 モードにしますIE=EDGE。最新のレンダリング モードを強制的にテストしたところ、影が表示されました。

アップデート

Microsoft の推奨に従って、HTML5 doctype のみを使用し、ドキュメント互換モードを送信しないようにしてください。ブラウザ検出は推奨されておらず、一般的に避けるべきです。代わりに特徴検出を使用してください。デフォルトのモードは、標準モードでは常にEDGE* です。

<!doctype html>

* Web ブラウザー コントロールを除きます。この場合、ドキュメント モードは、ヘッダーまたはレジストリを介して明示的に設定する必要があります。EDGEX-UA-Compatible

于 2013-10-02T15:12:15.090 に答える