九九色综合_性69交片免费看_亚洲一区二区三区久久精品_精品一久久_欧美一级黄视频_污免费网站

HTML條件注釋用法詮釋

2018-5-3    seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

HTML條件注釋用法詮釋

注釋內(nèi)容以樣式為例，如下：

1、支持所有IE瀏覽器 

<!--[if IE]>
<link rel="stylesheet" href="all-ie-only.css" type="text/css"/>
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

2、支持非IE瀏覽器 

<!--[if !IE]>
<link rel="stylesheet" href="not-ie.css" type="text/css"/>
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

上面是除了IE瀏覽器外所有瀏覽器都識(shí)別這個(gè)樣式，另外CSS-TRICKS的《How To Create an IE-Only Stylesheet》一文中提供了另一種寫法： 

<!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="not-ie.css" /> <!--<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

3、僅僅支持IE10 

<!--[if IE 10]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

4、支持IE10以下版本（IE9以及IE9以下版本）

這種方法是樣式表使用在低于IE10的瀏覽器,換句話說除了IE10以外的所有IE版本都將被支持。 

<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

也可以寫成 

<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

前面我們也說過了lt和lte的區(qū)別,lt表示小于版本號(hào)，不包括條件版本號(hào)本身；而lte是小于或等于版本號(hào)，包括了版本號(hào)自身。

上面這幾種方法，使用的是低于（lt）和低于或等于（lte）的方法來判斷，我們也可以使用大于gt和大于或等于gte達(dá)到上面的效果：

5、高于IE9的版本(IE10以及IE10以上版本) 

<!--[if gt IE 9]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

或 

<!--[if gte IE 10]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

6、指定多種IE版本 

<!--[if (IE 6)|(IE 7)|(IE 8)]>
<link rel="stylesheet" type="text/css" href="ie6-7-8.css">
<![endif]--> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

藍(lán)藍(lán)設(shè)計(jì)( m.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)




日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板： 国产午夜毛片成人网站 | 国产99在线 | 欧美日韩在线播放成人 | 久久综合久久伊人 | 成人欧美视频在线看免费 | 久久性| 国产日韩精品一区二区 | 美女内射毛片在线看免费人动物 | 91亚洲精品一区 | 91免费在线播放 | 九色精品 | 久久性生活免费视频 | 亚洲 在线播放 | 国产福利视频在线观看 | 欧美一区 | 秋霞久久精品理论电影 | a级毛片免费播放 | 久青草国产在线 | 成人污片 | 综合久久久 | 欧美中文一区 | 成人做爰免费看网站 | 天天久久 | 狠狠gao| 星球大战9天行者崛起在线观看免费版高清 | 国产一区二区三区四区五区加勒比 | 亚洲视频91 | 欧美亚洲视频在线观看 | 一本一道久久久a久久久精品91 | 精品乱久久 | 日韩成人在线播放 | 浮力影院草草 | 91精品国产高清久久久久 | 国产日韩精品视频一区二区三区 | 欧美精品一区二区三区在线播放 | 久久久久女人精品毛片九一 | 成人网电影 | 国产综合亚洲精品一区 | 在线中文av | 午夜大片免费完整在线看 | 肉嫁高柳1～4动漫影视 |