<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • HTML條件注釋用法詮釋

    2018-5-3    seo達人

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    HTML條件注釋用法詮釋

    注釋內容以樣式為例,如下:

    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瀏覽器外所有瀏覽器都識別這個樣式,另外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的區別,lt表示小于版本號,不包括條件版本號本身;而lte是小于或等于版本號,包括了版本號自身

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

    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

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務




    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 久久久久人妻一区精品果冻| 精品无人区一区二区三区| 亚洲日韩精品一区二区三区 | 亚洲国产成人精品久久久国产成人一区二区三区综 | 国产精品igao视频网网址| 国产精品久久久久久久午夜片| 亚洲综合精品香蕉久久网 | 老司机69精品成免费视频| 欧美精品videosse精子| 久久久久久亚洲精品不卡| 成人国产精品动漫欧美一区| 国产精品www| 国产精品第12页| 少妇精品久久久一区二区三区| 精品国产综合区久久久久久| 欧美精品三区| 亚洲精品~无码抽插| 99久久人妻无码精品系列蜜桃 | 精品久人妻去按摩店被黑人按中出| 久久99精品久久久久久野外| 91麻精品国产91久久久久| 国产a精品视频| 国产精品99久久99久久久| 日韩精品久久无码人妻中文字幕 | 久久66热人妻偷产精品9| 亚洲国产精品VA在线观看麻豆| 中日精品无码一本二本三本| 国产精品9999久久久久| 中文字幕日韩精品有码视频| 欧美成人精品高清在线播放 | 国产AV国片精品| 国产精品视频一区二区三区无码| 三上悠亚久久精品| 亚洲AV无码国产精品麻豆天美| 一本色道久久88—综合亚洲精品| 合区精品中文字幕| 亚洲精品无码mv在线观看网站| 亚洲精品无码久久久久| 久久九九精品99国产精品| 精品亚洲A∨无码一区二区三区| 国产精品高清一区二区三区|