IE9のみをターゲットにするハックはありますか?IE9でのみ問題が発生し、他のブラウザは正常に動作しています。を使用して\9
いますが、IE8にも影響しています。
条件付きコメントは使いたくない。
IE9のみをターゲットにするハックはありますか?IE9でのみ問題が発生し、他のブラウザは正常に動作しています。を使用して\9
いますが、IE8にも影響しています。
条件付きコメントは使いたくない。
あなたはこれを使うことができます:root #element { color:pink \0/IE9; } /* IE9 + IE10pp4 */
私はこれも行うメディアクエリを思いついた。IE9のみを指定します。
@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{
#div { color:red; }
}
msie 9+メディアクエリを含む、私が解決した他の1つは、私のgithubページにあります:https ://github.com/jeffclayton/css_hack_testing-これらのほとんどは、含めるためにbrowserhacks.comに送信しました。
2017年の更新:それが機能することを確認するために、ここでライブテストページを作成し、http: //browserstrangeness.bitbucket.io/css_hacks.htmlとMIRRORで作業した他の多くのページを作成しました:http: //browserstrangeness.github.io/css_hacks .html
コードを自分のサイトにコピーするときは、min-width:0 \ 0(zero-backslash-zero)であることに注意してください。IE9を他のブラウザと区別するために機能しないmin-width:0(単一のゼロ)と混同しないでください。
別の方法があります!
:root #div { background: #fff \0/IE9; } /* IE9 */
:root
疑似セレクターを使用します。これは@media all and (min-width:0)
、IE9でこの方法を優先してパーツが削除されたために機能します。
ただし、これはすべてのセレクターで機能するとは限らないため、安全な方法ではないことに注意してください。使用するのに最適なのは条件付きコメントです。条件付きコメントのサポートを終了したIE10を除いて、さまざまなバージョンのInternetExplorerをターゲットにするのが最も安全で簡単かつ最良の方法です。
私のIE9エミュレーターでは、リストされているソリューションはどれも機能しませんでした。たとえば、IE9のチェックボックスなど、サイズを適切に変更できるようにした唯一のハックは次のとおりです。
/* IE9 */
:root input#my-checkbox {
width:20px !important \ ;
height:20px !important \ ;
box-sizing:content-box !important \ ;
}
これがIE8やIE10などにも影響するかどうかはわかりませんが、とにかくそれらを個別に処理する条件があります。
うまくいけば、これは誰かを助けます。