<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

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




    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 在线中文字幕精品第5页| 久久精品国产清高在天天线| 亚洲欧洲成人精品香蕉网| 国产91精品黄网在线观看| 国产最新进精品视频| 四虎精品免费永久免费视频| 91精品日韩人妻无码久久不卡| 国自产偷精品不卡在线| 亚洲国产精品日韩| 国产三级精品三级在线观看| 久久99国产精品久久| 久久精品中文字幕无码绿巨人| 亚洲av午夜成人片精品电影| 久久精品无码一区二区app| 99久久国产主播综合精品| 国产精品久久久久久久| 国产三级久久久精品麻豆三级| 亚洲AV日韩精品久久久久| 免费精品精品国产欧美在线欧美高清免费一级在线 | 久久精品不卡| 国产乱子伦精品免费视频| 无码精品蜜桃一区二区三区WW| 国产成人久久久精品二区三区| 老司机69精品成免费视频| japanese乱人伦精品| 亚洲精品无码不卡在线播HE| 国产成人精品cao在线| 精品亚洲成a人片在线观看少妇| 亚洲欧洲精品成人久久奇米网| 天天爽夜夜爽8888视频精品| 日韩精品一区二区三区不卡| 欧美日韩国产中文精品字幕自在自线| 国产精品福利在线观看免费不卡| 日本久久久精品中文字幕| 极品精品国产超清自在线观看| 国产精品爱啪在线线免费观看| 99精品国产一区二区三区2021| 97久久国产亚洲精品超碰热| 国产福利91精品一区二区| 精品乱人伦一区二区三区| 亚洲国产成人久久精品动漫|