DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> Firefox、IE7、IE6浏覽器兼容問題概念解析
Firefox、IE7、IE6浏覽器兼容問題概念解析
編輯:CSS詳解     

你對浏覽器兼容的概念是否了解,這裡向大家簡單描述一下,當我們使用不同的浏覽器訪問同一個網站,或者頁面的時候,會出現一些不兼容的問題,有的顯示出來正常,有的顯示出來不正常,這就是浏覽器不兼容的問題。

浏覽器兼容概念簡介

什麼是浏覽器兼容:

當我們使用不同的浏覽器(Firefox、IE7、IE6)訪問同一個網站,或者頁面的時候,會出現一些不兼容的問題,有的顯示出來正常,有的顯示出來不正常,我們在編寫CSS的時候會很惱火,剛修復了這個浏覽器的問題,結果另外一個浏覽器卻出了新問題。而兼容就是一種辦法,能讓你在一個CSS裡面獨立的寫支持不同浏覽器的樣式。這下就和諧了。

最近微軟發布的IE7浏覽器的兼容性確實給一些網頁制作人員添加了一個沉重的負擔,雖然IE7已經走向標准化,但還是有許多和FF不同的地方,所以需要用到IE7的兼容,有許多朋友問過IE7的兼容是什麼,其實我也不知道。暫時還沒找到IE7專用的兼容。除了前面那片文章,《針對Firefoxie6IE7的CSS樣式》中的兼容方式也是很好用的。
有一點邏輯思想的人都會知道可以用IE和FF的兼容結合起來使用,下面介紹三個兼容,例如:

程序代碼

第一個兼容,IE、FF所有浏覽器公用(其實也不算是兼容)
height:100px;

第二個兼容IE6專用
_height:100px;

第三個兼容IE6IE7公用
*height:100px;

介紹完了這三個兼容了,下面我們再來看看如何在一個樣式裡分別給一個屬性定義IE6IE7FF專用的兼容,看下面的代碼,順序不能錯哦:

程序代碼

  1. height:100px;
  2. *height:120px;
  3. _height:150px;

下面我簡單解釋一下各浏覽器怎樣理解這三個屬性:

在FF下,第2、3個屬性FF不認識,所以它讀的是height:100px;

在IE7下,第三個屬性IE7不認識,所以它讀第1、2個屬性,又因為第二個屬性覆蓋了第一個屬性,所以IE7最終讀出的是第2個屬性*height:120px;

在IE6下,三個屬性IE6都認識,所以三個屬性都可以讀取,又因為第三個屬性覆蓋掉前2個屬性,所以IE6最終讀取的是第三個屬性。

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