DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS中區分IE6,IE7,Firefox三大浏覽器
CSS中區分IE6,IE7,Firefox三大浏覽器
編輯:CSS詳解     

你對在CSS中區分IE6,IE7,Firefox三大浏覽器的方法是否了解,這裡和大家分享一下,希望對你的學習有所幫助。

CSS在IE6,IE7,Firefox幾點區分

◆區別IE6與Firefox:

background:orange;*background:blue;

◆區別IE6與IE7:

background:green!important;background:blue;

◆區別IE7與Firefox:

background:orange;*background:green;

◆區別Firefox,IE7,IE6:

background:orange;*background:green!important;*background:blue;

注:IE都能識別*;標准浏覽器(如Firefox)不能識別*;

IE6能識別*,但不能識別!important,

IE7能識別*,也能識別!important;

Firefox不能識別*,但能識別!important;

IE6 IE7 Firefox
* √ √ ×

!important × √ √

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

於是大家還可以這樣來區分IE6,IE7,Firefox
:background:orange;*background:green;_background:blue;

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

示例代碼:

  1. .p_redirect{
  2. background-color:#FirefoxFirefoxFirefox;
  3. border:1pxsolid#A3C2E0;
  4. margin-right:1px;
  5. font-size:12px!important;
  6. font-size:13px;
  7. }

是為了兼容IE/Firefox使用如下代碼:

  1. font-size:12px!important;
  2. font-size:13px;

在IE裡面,由於IE不理解!important,則字體大小按照最後設定的13px展示,而Firefox裡面,!important為提高優先級別,則字體大小按照!important標記的12px展示

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved