2

通常、異なるブラウザでのボックスシャドウのレンダリングの小さな違いは気にしませんが、この場合、ボックスシャドウのサイズは重要です。IE9とIE10は、より小さなボックスシャドウをレンダリングします。Explorer 9は、条件付きコメントを使用して少し大きなボックスシャドウで修正できますが、IE10では条件付きコメントのサポートが廃止されたようです。IE10のボックスシャドウのサイズを修正して、Safari、Chrome、Firefoxのように少し大きくする方法はありますか？

私はそれがこの質問に少し似ていることを知っていますが、おそらく誰かがIE9/10またはIE10でのみ機能するボックスシャドウサイズのトリックを持っています。

記録のために-これはレスポンシブサイトであり、問​​題のボックスシャドウはパーセンテージ幅のli要素に適用されます（ナビゲーション用）

4

1 に答える 1

2

解決策を見つけました。そこにはいくつかの ie10 ハックがありますが、これはCSS onlyと の両方を対象IE9としてIE10います。と呼ばれ@media Zero Hackます。この 1 つと他の ie10 ハックは、http://www.impressivewebs.com/ie10-css-hacks/ で見つけることができます。

.navigation ul li a {
  -moz-box-shadow: 2px 2px 7px #2d231c;
  -webkit-box-shadow: 2px 2px 7px #2d231c;
  -o-box-shadow: 2px 2px 7px #2d231c;
  box-shadow: 2px 2px 7px #2d231c;
}
@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
.navigation ul li a {
  box-shadow: 2px 2px 15px #3a312a;
 }
}

の解析バグを使用しますIE9/10。このバグがこれで修正されれば、IE11将来の証明にもなります。IE11がどのように処理されるかわかりませんbox-shadow。IE 固有の CSS を @media ブロックに移動する方法の詳細

于 2013-02-22T12:13:39.950 に答える