19

IEはバージョン10で条件付きコメントを削除しているので、IE10をターゲットにした「CSSハック」を見つける必要があります。CSSプロパティではなく、「ハッキング」されるセレクターである必要があることに注意してください。

Mozillaでは、次を使用できます。

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

Webkitを使用している間は、通常、次のことを行います。

@media screen and (-webkit-min-device-pixel-ratio:0) {
  h1 {
    color: blue;
  }
}

IE10で同様のことをするにはどうすればよいですか？

4

4 に答える 4

33

次の例は、これを行う方法を示しています

/* 
 #ie10 will only be red in MSIE 10, 
 both in high contrast (display setting) and default mode 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #ie10 { color: red; }
}

警告：おそらくIE11+でも機能します。

于 2012-11-06T15:39:31.563 に答える
5

http://rafael.adm.br/css_browser_selector/のcssブラウザーセレクターを使用して、コードに単純な+を追加し、CSSからIE10を呼び出すことができます。

探して/msie\s(\d)/、に変更し/msie\s(\d+)/ます。

次に、CSSで.ie10、セレクターの前に次のように追加します。

.ie10 .class-name { width: 100px; }
.class-name { width: 90px; }

これで、IE10が100ピクセル幅をレンダリングし、他のすべてのブラウザーが90ピクセル幅をレンダリングするのがわかります。

于 2012-12-13T22:43:13.320 に答える
3

私の知る限り、そのようなCSSセレクターは存在しません。IE10を具体的にターゲットにしたい場合は、JavaScriptを少し記述して、というbody要素にクラスを設定してからie10、IE10用の特定のスタイルを作成してみませんか？

于 2011-09-06T14:04:32.093 に答える
2

これがセレクターとプロパティの要件に適合するかどうかtext-shadowはわかりませんが、IE7-9で偽造してから、IE10でハックをオフにしようとしたときに、次の方法を思いつきました。-ms-animation重要なのは、IE10で新しいものを使用することです。

.header {
    /* For browsers that support it to add a little more punch to a @font-face */
    text-shadow: rgba(100, 100, 100, 0.5) 0 0 2px;

    /* Make IE7-9 do faux bold instead and then turn down the opacity to match */
    *font-weight: bold;
    font-weight: bold\9;
    *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75\9;

    /* Uh oh! We've also caught IE10 in our above hack */

    /* But IE10 supports CSS3 animations. Will a high duration keep CPU usage down? */
    -ms-animation: text-shadow 60s infinite;
}

/* Define the animation */
@-ms-keyframes text-shadow {
    0%, 100% {
        font-weight: normal;
        opacity: 1;
    }
}
于 2012-03-13T11:21:00.100 に答える