<label id="kdrfs"><p id="kdrfs"><pre id="kdrfs"></pre></p></label>
  • <meter id="kdrfs"></meter>
    <meter id="kdrfs"></meter>

    <cite id="kdrfs"></cite>

    1. <menu id="kdrfs"><s id="kdrfs"><pre id="kdrfs"></pre></s></menu>
    2. <meter id="kdrfs"><font id="kdrfs"></font></meter>

      CSS兼容IE6、IE7、IE8和Firefox瀏覽器的方法

      2010-11-24 11:27:36來源:作者:

        本文向大家簡單描述一下DIV+CSS相對IE6 IE7和IE8兼容問題整理,重點介紹一下IE6 IE7和IE8等瀏覽器的區別和聯系,相信本文介紹一定會讓你有所收獲。

        本文向大家簡單描述一下DIV+CSS相對IE6 IE7和IE8兼容問題整理,重點介紹一下IE6 IE7和IE8等瀏覽器的區別和聯系,相信本文介紹一定會讓你有所收獲。

        DIV+CSS相對IE6 IE7和IE8兼容問題整理

        1.區別IE和非IE瀏覽器

      以下是代碼片段:
      #tip{
      background:blue;/*非IE背景?色*/
      background:red\9;/*IE6、IE7、IE8背景?色*/
      }

        2.區別IE6,IE7,IE8,FF

        【區別符號】:「\9」、「*」、「_」

        【示例】:

      以下是代碼片段:
      #tip{
      background:blue;/*Firefox背景變藍色*/
      background:red\9;/*IE8背景變紅色*/
      *background:black;/*IE7背景變黑色*/
      _background:orange;/*IE6背景變橘色*/
      }

        【說明】:因為IE系列瀏覽器可讀「\9」,而IE6和IE7可讀「*」(米字號),另外IE6可辨識「_」(底線),因此可以依照順序寫下來,就會讓瀏覽器正確的讀取到自己看得懂得CSS語法,所以就可以有效區分IE各版本和非IE瀏覽器(像是Firefox、Opera、 GoogleChrome、Safari等)。

        3.區別IE6、IE7、Firefox(方法1)

        【區別符號】:「*」、「_」

        【示例】:

      以下是代碼片段:
      #tip{
      background:blue;/*Firefox背景變藍色*/
      *background:black;/*IE7背景變黑色*/
      _background:orange;/*IE6背景變橘色*/
      }

        【說明】:IE7和IE6可讀「*」(米字號),IE6又可以讀「_」(底線),但是IE7卻無法讀取「_」,至于Firefox(非IE瀏覽器)則完全無法辨識「*」和「_」,因此就可以透過這樣的差異性來區分IE6、IE7、Firefox

        4.區別IE6、IE7、Firefox(方法2)

        【區別符號】:「*」、「!important」

        【示例】:

      以下是代碼片段:
      #tip{
      background:blue;/*Firefox背景變藍色*/
      *background:green!important;/*IE7背景變綠色*/
      *background:orange;/*IE6背景變橘色*/
      }

        【說明】:IE7可以辨識「*」和「!important」,但是IE6只可以辨識「*」,卻無法辨識「!important」,至于Firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔IE6、IE7、Firefox。

      關鍵詞:CSS
      世界杯买球网址