知識 分享 互助 懶人建站

    懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

    懶人建站提供網頁素材下載、網站模板
    知識 分享 互助!

    根據瀏覽器不同加載不同的css實現兼容

    作者:佳明媽 來源:web前端開發 2016-09-10 人氣:
    瀏覽器有IE陣營、火狐陣營、谷歌陣營、蘋果Safari陣營,特別是IE系列,更是有各種版本兼容問題,要根據瀏覽器不同加載不同的css實現兼容有很多方式,ie的條件注釋實現不同瀏覽器加
    瀏覽器有IE陣營、火狐陣營、谷歌陣營、蘋果Safari陣營,特別是IE系列,更是有各種版本兼容問題,由于其他瀏覽器都能輕易升級到新版,而只有IE升級麻煩,高版本的IE甚至需要高版本系統的支持,低版本的系統根本裝不了高版本的ie瀏覽器。
    實際工作中瀏覽器的兼容性主要在于ie瀏覽器各種版本之間的兼容問題。
    要根據瀏覽器不同加載不同的css實現兼容有很多方式,ie的條件注釋實現不同瀏覽器加載不同css樣式的方法

    使用ie的條件注釋區分不同瀏覽器

    <!--[if lte IE 6 ]> <html class="ie ie6 lte_ie7 lte_ie8 lte_ie9" lang="zh-CN"> <![endif]-->
    <!--[if IE 7 ]> <html class="ie ie7 lte_ie7 lte_ie8 lte_ie9" lang="zh-CN"> <![endif]-->
    <!--[if IE 8 ]> <html class="ie ie8 lte_ie8 lte_ie9" lang="zh-CN"> <![endif]-->
    <!--[if IE 9 ]> <html class="ie ie9 lte_ie9" lang="zh-CN"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <html lang="zh-CN"> <!--<![endif]-->
    這里使用了條件注釋判斷不同的瀏覽器就在html這個根元素上添加上不同的類名

    當然,也可以使用引入外部樣式表的方式實現
    <!--[if IE 9 ]>
    <link rel="stylesheet" type="text/css" href="css.css">
    <![endif]-->

    作為條件注釋,其實條件注釋之間是可以寫任意html代碼的
    <!--[if IE 9 ]> 
    html代碼
    <![endif]-->

    ie條件注釋的一些注解

    <!--[if !IE]>除IE外都可識別<![endif]--> 
    <!--[if IE]> 所有的IE可識別 <![endif]--> 
    <!--[if IE 6]> 僅IE6可識別 <![endif]--> 
    <!--[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]--> 
    <!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]--> 
    <!--[if IE 7]> 僅IE7可識別 <![endif]--> 
    <!--[if lt IE 7]> IE7以及IE7以下版本可識別 <![endif]--> 
    <!--[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]-->
    <!--[if IE 8]> 僅IE8可識別 <![endif]--> 
    <!--[if lt IE 8]> IE8以及IE8以下版本可識別 <![endif]--> 
    <!--[if gte IE 8]> IE8以及IE8以上版本可識別 <![endif]-->
    ↓ 查看全文

    根據瀏覽器不同加載不同的css實現兼容由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

    懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

    根據瀏覽器不同加載不同的css實現兼容-最新評論

    梦幻接高级宝石赚钱吗