国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

IE10 CSS hack

2024-07-11 08:23:01
字體:
來源:轉載
供稿:網友

整理自:http://www.impressivewebs.com/ie10-css-hacks/
中文原文: IE10 CSS hack
請尊重版權,轉載請注明來源,多謝~~


傳說Windows 8剛上市沒幾天就賣出了4000多萬份,好厲害。然后我們就發現項目中很多頁面在IE10中表現不正常了。有的是之前對各版本ie的hack引發的,有些不確定是否是ie10引出的bug,所以慣性思維讓我們重新尋找針對IE10的CSS Hack。。。

首先,ie10不支持條件注釋了。

方法一:特性檢測:@cc_on

我們可以用IE私有的條件編譯(conditional compilation)結合條件注釋來提供針對ie10的Hack:

 

請注意/*@cc_on ! @*/中間的這個感嘆號。

這樣就可以在ie10中給html元素添加一個class=”ie10″,然后針對ie10的樣式可以卸載這個這個選擇器下:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */  
}

條件編譯支持所有版本的ie瀏覽器,而其它瀏覽器不支持。但是很有可能以后IE11出來后,這種方法就失效了。。。

需要注意的是,條件編譯不支持Windows store中的app中使用,只支持在IE瀏覽器中使用。

當然,我們也可以用傳統的用ua給ie10中html元素添加class的方法來實現。

方法二:@media -ms-high-contrast

IE10支持媒體查詢,然后也支持-ms-high-contrast這個屬性,所以,我們可以用它來hack ie10:

if (window.matchMedia("screen and (-ms-high-contrast: active), (-ms-high-contrast: none)").matches) {
    document.documentElement.className += "ie10";
}

這種寫法可以適配到高對比度和默認模式。所以可以覆蓋到所有ie10的模式了。

然后這種方式可能也會在后面的IE11中生效。

當然,方法二也可以和方法一一起用:

@media screen and (min-width:0/0) {  
    /* IE9 and IE10 rule sets go here */  
}

不過,估計后面ie10也會普及到Windows 7平臺,所以ie9會消失,只是看看ie8和ie7的份額,這種情況可能不會發生吧。。。

總結:

我不想給ie寫hack,嗯,不想為ie多寫一句代碼。

原文來自http://www.cnblogs.com/rubylouvre/archive/2012/12/07/2806775.html

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 晴隆县| 响水县| 房产| 汤阴县| 舒城县| 资中县| 舟曲县| 高邮市| 丰顺县| 西盟| 藁城市| 都安| 青海省| 丹巴县| 万载县| 祁连县| 林州市| 惠来县| 石景山区| 信阳市| 高阳县| 永定县| 陕西省| 合肥市| 湘潭县| 马龙县| 黑水县| 封开县| 鸡西市| 西贡区| 麟游县| 平潭县| 固镇县| 泊头市| 东城区| 双城市| 星子县| 新乐市| 雷波县| 青浦区| 富裕县|