- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：IE10以降のCSSハックについて）
IE10以降のCSSハックについて
このQ&Aのポイント
- IE9で表示位置がズレる項目があり、それを正そうと、IE9のCSSハックを記述してIE9では正しい位置に表示されるようになったが、IE10以上でもそのハックを読み込んで逆にIE10以上で表示位置がズレる問題が発生した。
- IE10以上の表示位置を正すために、IE10と11に対して別のCSSハックを記述したが、うまく機能せず、正しい記述方法がわからない状況にある。
- CSSハックとメディアタイプの関係を理解しておらず、現在の記述が間違っている可能性が高い。正しい記述方法を教えて欲しい。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#206842
回答No.2
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sample:not(:target) { top: 0.5em; } } この部分は、CSS（Mediaqueries）では？・・・ Hackは下記のようにかくのでは？・・・ <!--[if lt IE 7 ]><html class="ie ie6" lang="ja"> <![endif]--> <!--[if IE 7 ]><html class="ie ie7" lang="ja"> <![endif]--> <!--[if IE 8 ]><html class="ie ie8" lang="ja"> <![endif]--> <!--[if (gte IE 9)|!(IE)]> <![endif]-->
その他の回答 (1)
- kawais070
- ベストアンサー率52% (2242/4283)
回答No.1
CSSハックはIE9用のみにして、IE10～11をIE9互換モードで動作させればよいかなと思います。 htmlファイルの<head>内に、以下のタグを書き込むと、IE9互換モードで動作します。 <meta http-equiv="X-UA-Compatible" content="IE=9"/>
