2

我正在嘗試針對IE的課程。但是,由於樣板模板已更改,因此不再有效。如何使用新的HTML5 Boilerplate定位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 2012-10-03 19:04:46

+1

我必須說,如果要使用這種解決方法,將lt-ie10類包含到所有條件註釋中,而不僅僅是在IE 9中,這樣選擇器.lt-ie10可以用於*所有* IE之前10 :) – dimsuz 2012-11-28 13:15:38

+0

我不得不針對IE9由於錯誤的'頭'裏面的填充calculcation當頭部內的字體大小在EM的 – 2012-12-13 20:11:12

0

犛牛鍋板!無論如何:

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

應該做你想做的。

編輯

對不起,因爲你把IE7例如誤解你的問題。如果你想IE9,你可以這樣做:

.myclass {} 
+0

正確!但是,那隻會針對IE7。 「lt」意味着少於那麼。所以.lt-ie9將針對IE8。我需要瞄準IE9以及..所以將其更改爲.lt-ie10不起作用...任何想法? – user992731 2012-02-10 19:41:28

+0

以及我需要針對IE瀏覽器:「color:transparent;」據我所知它不被支持。 – user992731 2012-02-10 21:28:32