精准猎取科技资讯,天堂视频在线观看，高效阅读科技新闻_黄色av网站在线免费观看_科技猎

IE10 CSS Hack（順便聊聊IE11的CSS Hack） – WEB前端開發(fā)

Web前端開發(fā) ? 12年前掃碼分享

我是創(chuàng)始人李巖：很抱歉！給自己產(chǎn)品做個(gè)廣告，點(diǎn)擊進(jìn)來看看。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>無標(biāo)題文檔</title>
    <!--[if !IE]><!-->
    <script>
        // 針對IE10
        if (/*@cc_on!@*/false) {
            document.documentElement.className += ' ie' + document.documentMode;
        }
        // 針對IE11及非IE瀏覽器，
        // 因?yàn)镮E11下document.documentMode為11，所以html標(biāo)簽上會(huì)加ie11樣式類；
        // 而非IE瀏覽器的document.documentMode為undefined，所以html標(biāo)簽上會(huì)加ieundefined樣式類。
        if (/*@cc_on!@*/true) {
            document.documentElement.className += ' ie' + document.documentMode;
        }
    </script>
    <!--<![endif]-->
    <style type="text/css">
        .ie10 .testclass {
            color: red
        }
        .ie11 .testclass {
            color: blue
        }
        .ieundefined  .testclass {
            color: green
        }
    </style>
</head>

<body>
<div class="testclass">
    test text!
</div>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>無標(biāo)題文檔</title>

<script>

// 針對IE10

if (/*@cc_on!@*/false) {

document.documentElement.className += ' ie' + document.documentMode;

}

// 針對IE11及非IE瀏覽器，

// 因?yàn)镮E11下document.documentMode為11，所以html標(biāo)簽上會(huì)加ie11樣式類；

// 而非IE瀏覽器的document.documentMode為undefined，所以html標(biāo)簽上會(huì)加ieundefined樣式類。

if (/*@cc_on!@*/true) {

document.documentElement.className += ' ie' + document.documentMode;

}

</script>

<style type="text/css">

.ie10 .testclass {

color: red

}

.ie11 .testclass {

color: blue

}

.ieundefined .testclass {

color: green

}

</style>

</head>

<body>

<div class="testclass">

test text!

</div>

</body>

</html>

本文被轉(zhuǎn)載1次

首發(fā)媒體

Web前端開發(fā)

| 轉(zhuǎn)發(fā)媒體

隨意打賞

評論

主站蜘蛛池模板：紧急切断阀_气动切断阀_不锈钢阀门_截止阀_球阀_蝶阀_闸阀-上海上兆阀门制造有限公司 | 字典-新华字典-在线字典查字-字典趣 | 农业四情_农业气象站_田间小型气象站_智慧农业气象站-山东风途物联网 | 超声波清洗机-超声波清洗设备定制生产厂家 - 深圳市冠博科技实业有限公司 | 防火卷帘门价格-聊城一维工贸特级防火卷帘门厂家▲ | 陕西鹏展科技有限公司| TwistDx恒温扩增-RAA等温-Jackson抗体-默瑞（上海）生物科技有限公司 | 披萨石_披萨盘_电器家电隔热绵加工定制_佛山市南海区西樵南方综合保温材料厂 | 废旧物资回收公司_广州废旧设备回收_报废设备物资回收-益美工厂设备回收公司 | 禹城彩钢厂_钢结构板房_彩钢复合板-禹城泰瑞彩钢复合板加工厂 | 大连海岛旅游网>>大连旅游,大连海岛游,旅游景点攻略,海岛旅游官网 | 永嘉县奥阳陶瓷阀门有限公司| 上海办公室装修公司_办公室设计_直营办公装修-羚志悦装 | 台湾HIWIN上银直线模组|导轨滑块|TBI滚珠丝杆丝杠-深圳汉工 | 涂层测厚仪_光泽度仪_uv能量计_紫外辐照计_太阳膜测试仪_透光率仪-林上科技 | 升降炉_真空气氛炉_管式电阻炉厂家-山东中辰电炉有限公司 | hc22_hc22价格_hc22哈氏合金—东锜特殊钢| 无锡市珂妮日用化妆品有限公司|珂妮日化官网|洗手液厂家 | 盘装氧量分析仪-防爆壁挂氧化锆分析仪-安徽吉帆仪表有限公司 | 专业深孔加工_东莞深孔钻加工_东莞深孔钻_东莞深孔加工_模具深孔钻加工厂-东莞市超耀实业有限公司 | 运动木地板厂家_体育木地板安装_篮球木地板选购_实木运动地板价格 | 不干胶标签-不干胶贴纸-不干胶标签定制-不干胶标签印刷厂-弗雷曼纸业（苏州）有限公司 | 浙江栓钉_焊钉_剪力钉厂家批发_杭州八建五金制造有限公司 | 无菌水质袋-NASCO食品无菌袋-Whirl-Pak无菌采样袋-深圳市慧普德贸易有限公司 | 大鼠骨髓内皮祖细胞-小鼠神经元-无锡欣润生物科技有限公司 | 合肥通道闸-安徽车牌识别-人脸识别系统厂家-安徽熵控智能技术有限公司 | 船用泵,船用离心泵,船用喷射泵,泰州隆华船舶设备有限公司 | 立式_复合式_壁挂式智能化电伴热洗眼器-上海达傲洗眼器生产厂家理化生实验室设备,吊装实验室设备,顶装实验室设备,实验室成套设备厂家,校园功能室设备,智慧书法教室方案 - 东莞市惠森教学设备有限公司 | 合肥白癜风医院_[治疗白癜风]哪家好_合肥北大白癜风医院 | 上海恒驭仪器有限公司-实验室平板硫化机-小型平板硫化机-全自动平板硫化机 | PE拉伸缠绕膜,拉伸缠绕膜厂家,纳米缠绕膜-山东凯祥包装 | 广西教师资格网-广西教师资格证考试网 | 焊锡丝|焊锡条|无铅锡条|无铅锡丝|无铅焊锡线|低温锡膏-深圳市川崎锡业科技有限公司 | TPE_TPE热塑性弹性体_TPE原料价格_TPE材料厂家-惠州市中塑王塑胶制品公司- 中塑王塑胶制品有限公司 | 三佳互联一站式网站建设服务|网站开发|网站设计|网站搭建服务商赛默飞Thermo veritiproPCR仪|ProFlex3 x 32PCR系统|Countess3细胞计数仪|371|3111二氧化碳培养箱|Mirco17R|Mirco21R离心机|仟诺生物 | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | SRRC认证_电磁兼容_EMC测试整改_FCC认证_SDOC认证-深圳市环测威检测技术有限公司 | 台湾阳明固态继电器-奥托尼克斯光电传感器-接近开关-温控器-光纤传感器-编码器一级代理商江苏用之宜电气 | 祝融环境-地源热泵多恒系统高新技术企业,舒适生活环境缔造者! | 空调风机,低噪声离心式通风机,不锈钢防爆风机,前倾皮带传动风机,后倾空调风机-山东捷风风机有限公司 | 实验室pH计|电导率仪|溶解氧测定仪|离子浓度计|多参数水质分析仪|pH电极-上海般特仪器有限公司 |

<var id="gr8ue"><i id="gr8ue"></i></var>