国产探花免费观看_亚洲丰满少妇自慰呻吟_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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乌审旗| 西宁市| 莱芜市| 仲巴县| 滦南县| 临邑县| 辉南县| 淮安市| 平和县| 崇仁县| 绥宁县| 金沙县| 始兴县| 工布江达县| 都兰县| 阳江市| 泰州市| 齐河县| 新巴尔虎右旗| 桃园市| 阳泉市| 双辽市| 元阳县| 竹北市| 谷城县| 海原县| 长汀县| 隆子县| 吴桥县| 五大连池市| 克拉玛依市| 资源县| 外汇| 宝坻区| 临泉县| 大荔县| 长垣县| 分宜县| 锡林浩特市| 广州市| 台东市|