2

IEのクラスをターゲットにしようとしています。定型テンプレートが変更されているので、これはもはや機能しません。..新しいHTML5ボイラープレートでIE9をターゲットに設定するにはどうすればよいですか?

.myclass { 
//do something 
} 


.ie7 .myclass { 
///do something 

} 

これは定型テンプレートの新しいヘッダに何です。

<!doctype html> 
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 

答えて

17

それはすべて我々がIE9特定の条件クラスを持っていない理由である近代的なブラウザ、のマーキングたように私たちは、あなたがIE9をターゲットにすることはお勧めしません。それでもやりたい場合は、

<!doctype html> 
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> 
<!--[if IE 9]> <html class="no-js lt-ie10" lang="en"> <![endif]--> 
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 

IE10 will not recognize conditional commentsに注意してください。

+1

うれしい私はこれを見つけた。 IE9とIE10ではボックスシャドウが盗まれています。これはIE9の問題を解決するのに便利です。 IE10は残念ながら私が推測するような問題を残さなければなりません。 :( – jkupczak

+1

私は、この回避策を使用する場合は、IE 9の1つだけでなく、すべての条件付きコメントにlt-ie10クラスを含める方が正しいというより、セレクタ.lt-ie10が機能するようにする必要があります*すべて* 10の前のIE: – dimsuz

+0

ヘッダー内の 'font-size'がemの中にあったときに、' header '内の埋め込みの計算が間違っているため、IE9をターゲットにしていました –

0

ヤクの定型句!とにかく:

.lt-ie9.lt-ie8 .myclass {} 

あなたがしたいことをする必要があります。あなたは一例でIE7を入れているので

EDIT

は申し訳ありませんが、あなたの質問を読み違えます。あなたがIE9にしたい場合は、単に行うことができます。

.myclass {} 
+0

正解!しかし、それはIE7だけを対象とします。 「lt」はあまり意味しない。 .lt-ie9はIE8をターゲットにします。私はIE9をターゲットにする必要があります。それを.lt-ie10に変更するとうまくいきません。 – user992731

+0

よく私はIEをターゲットにする必要があります: "色:透明;"私が知っている限り、それはサポートされていません。 – user992731

関連する問題