<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    什么是CSS hack

      由于不同的瀏覽器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,對CSS的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。

      這個時候我們就需要針對不同的瀏覽器去寫不同的CSS,讓它能夠同時兼容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。

      這個針對不同的瀏覽器寫不同的CSS code的過程,就叫CSS hack,也叫寫CSS hack。

      CSS Hack的原理是什么
    由于不同的瀏覽器對CSS的支持及解析結果不一樣,還由于CSS中的優(yōu)先級的關系。我們就可以根據(jù)這個來針對不同的瀏覽器來寫不同的CSS。

      比如IE6能識別下劃線_和星號*,IE7能識別星號*,當不能識別下劃線_,而firefox兩個都不能認識。等等

       書寫順序,一般是將識別能力強的瀏覽器的CSS寫在后面。下面如何寫里面說得更詳細些。

      如何寫CSS Hack
    比如要分辨IE6和firefox兩種瀏覽器,可以這樣寫:

      <style>  
    div
    {  
          background
    :green; /* for firefox */  
          *background
    :red;  /* for IE6 */  
    }  
    </style>
        <div>我在IE6中看到是紅色的,在firefox中看到是綠色的。</div>  
       
    <style>
        div
    { 
            background
    :green; /* for firefox */    
            *background
    :red;  /* for IE6 */
       
    }
       
    </style>
        <div>我在IE6中看到是紅色的,在firefox中看到是綠色的。</div>

     

      解釋一下:

      上面的css在firefox中,它是認識不了后面的那個帶星號*的東東是什么的,于是將它過濾掉,不予理睬,解析得到的結果是:div{background:green},于是理所當然這個div的背景是綠色的。

      在IE6中呢,它兩個background都能識別出來,它解析得到的結果是:div{background:green;background:red;},于是根據(jù)優(yōu)先級別,處在后面的red的優(yōu)先級高,于是當然這個div的背景顏色就是紅色的了。

      CSS hack:區(qū)分IE6,IE7,firefox區(qū)別不同瀏覽器,CSS hack寫法:

      區(qū)別IE6與FF:
           background:orange;*background:blue;

      區(qū)別IE6與IE7:
           background:green !important;background:blue;

      區(qū)別IE7與FF:
           background:orange; *background:green;

      區(qū)別FF,IE7,IE6:
           background:orange;*background:green !important;*background:blue;

      注:

        IE都能識別*;標準瀏覽器(如FF)不能識別*;
    IE6能識別*,但不能識別 !important,
    IE7能識別*,也能識別!important;
    FF不能識別*,但能識別!important;

       IE6 IE7 FF
    * √ √ ×
    !important × √ √

      另外再補充一個,下劃線"_",
    IE6支持下劃線,IE7和firefox均不支持下劃線。

      于是大家還可以這樣來區(qū)分IE6,IE7,firefox
    : background:orange;*background:green;_background:blue;

      注:不管是什么方法,書寫的順序都是firefox的寫在前面,IE7的寫在中間,IE6的寫在最后面。

      附:CSS的各種瀏覽器兼容一欄表


    posted on 2009-02-04 09:22 leweslove 閱讀(232) 評論(0)  編輯  收藏 所屬分類: Other

    只有注冊用戶登錄后才能發(fā)表評論。


    網站導航:
     
    Copyright@2008-2009 By Evan
    主站蜘蛛池模板: 在线v片免费观看视频| 无码精品一区二区三区免费视频| 99视频在线免费看| 亚洲精品二区国产综合野狼| baoyu777永久免费视频| 亚洲av永久无码精品表情包| 国产在线观看免费av站| 亚洲国产精品一区第二页 | 精品亚洲成a人在线观看| 免费观看的毛片手机视频| 亚洲真人无码永久在线观看| 四虎永久在线精品免费网址| 亚洲va中文字幕| 亚洲精品乱码久久久久久蜜桃 | 最近免费字幕中文大全视频| 亚洲精品免费在线| 成人免费无码视频在线网站| 国产在亚洲线视频观看| 久久精品国产精品亚洲下载| 久久国产乱子伦精品免费强| 亚洲精品福利在线观看| 成人毛片免费观看视频在线| 免费无遮挡无码视频在线观看| 亚洲日韩VA无码中文字幕| 久久精品中文字幕免费| 亚洲乱码一区二区三区国产精品| 日美韩电影免费看| 国产啪精品视频网站免费尤物| 亚洲男女一区二区三区| 国产免费观看网站| 全黄大全大色全免费大片| 亚洲国产精品久久久久秋霞影院| 国外成人免费高清激情视频| 国产V片在线播放免费无码| 亚洲第一香蕉视频| 亚洲国产成人精品女人久久久 | 欧洲 亚洲 国产图片综合| 亚洲av麻豆aⅴ无码电影| www.亚洲日本| 亚洲精品国产综合久久一线| 99视频免费观看|