<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »網頁存在兼容性問題怎么處理?

        網頁存在兼容性問題怎么處理?

        至成科技 2016-09-10 訪問量(1214) 評論(0)
        摘要:網站設計制作中由于不同的瀏覽器對CSS樣式的解析方法不一樣,從而造成了網頁兼容問題。針對不同瀏覽器寫不同CSS樣式,這個過程稱為css hack。大家都知道在目前ie瀏覽器的市場份額是較高的,其次就是火狐和chrome瀏覽器,可以說解決網頁兼容問題就是針對這三款瀏覽器。

        網站設計制作中由于不同的瀏覽器對CSS樣式的解析方法不一樣,從而造成了網頁兼容問題。針對不同瀏覽器寫不同CSS樣式,這個過程稱為css hack。大家都知道在目前ie瀏覽器的市場份額是較高的,其次就是火狐和chrome瀏覽器,可以說解決網頁兼容問題就是針對這三款瀏覽器。

        為什么瀏覽器對css的解析不同?那么我將以那個瀏覽器較為標準呢?這是因為瀏覽器軟件開發中存在的技術缺陷。一般來說火狐瀏覽器和chrome對css的解析是正確的,而ie則存在一些bug,我們總不能以一個錯誤的標準去修正我們的行為。所以我們首先用火狐或者google chrome瀏覽器來將網頁的css樣式設置好,然后對ie的各版本設置css兼容。  

        ie的各個版本中,0于ie6的版本幾乎沒有什么人在用,可以將其忽略,那么我們設置css瀏覽器兼容的對象就集中在ie6~ie9。我們可以通過以下方式來分別對不同瀏覽器設置css:  
        在</head>標記之前插入只對ie瀏覽器適用的條件注釋代碼。  

        1<!--[if lt IE 7]>版本小于IE7將看到這行<![endif]-->  

        2<!--[if lte IE 7]>版本小于或等于IE7將看到這行<![endif]-->  

        3<!--[if IE 7]>版本如果是IE7將看到這行<![endif]-->  

        4<!--[if gt IE 7]>版本大于IE7將看到這行<![endif]-->  

        lt(小于)、gt(大于)、lte(小于或等于)、gte(大于或等于)  

        實例代碼:  

        1<!--[if IE 6]>  

        2<style type="text/css">  

        3 /* 針對IE6定義的樣式 */  

        4</style>  

        5<![endif]-->  

        2、css hack 

        針對特定版本的ie寫css樣式,以下是各版本ie的css hack寫法列表:  

        Hack Example IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q)   

        * *color Yes Yes Yes Yes No Yes   

        + +color Yes Yes Yes Yes No Yes   

        - -color Yes Yes No No No No   

        _ _color Yes Yes No Yes No Yes   

        # #color Yes Yes Yes Yes No Yes   

        \0 color\0 No No No No Yes No   

        \9 color\9 Yes Yes Yes Yes Yes Yes   

        !important color:blue !important;color:green; No No Yes No Yes No  

        這里S代表standard標準模式,Q代表Quirks怪異模式  

        實例代碼:  
         .box {  
            background: gray; /* 基本的 */  
            background: pink\9; /* IE 8 及0于IE8版本 */  
            *background: green; /* IE 7 及0于IE7版本 */  
            -background: blue; /* IE 6 */  
        }  
        3、針對google chrome瀏覽器的css hack:  
         @media screen and (-webkit-min-device-pixel-ratio:0) {  
        / *  針對Google Chrome、Safari 3.0、Opera 9 的CSS樣式 * /  
        }     
        4、針對firefox瀏覽器的css hack:  
         @-moz-document url-prefix(){  
        / *  針對firefox的CSS樣式 * /  
        }

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划 足彩混合过关怎么全包 中超排名榜 今晚3d太湖字谜 排球奥运资格赛 18选7开奖走势图 福彩东方6+1走势图表 福建快3实时开奖结果 信彩娱乐下载安装app 浙江快乐12图表走势图表 山西省新11选5 北京pk10七计划分析 新浪爱彩网 福彩选号器下载 彩票快3开奖 河南福彩22选五今晚开奖结果查询