Firefox、IE7、IE6瀏覽器兼容問題概念解析
你對瀏覽器兼容的概念是否了解，這里向大家簡單描述一下，當我們使用不同的瀏覽器訪問同一個網站，或者頁面的時候，會出現一些不兼容的問題，有的顯示出來正常，有的顯示出來不正常，這就是瀏覽器不兼容的問題。
瀏覽器兼容概念簡介
什么是瀏覽器兼容：
當我們使用不同的瀏覽器（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專用的兼容，看下面的代碼，順序不能錯哦：
程序代碼
- height:100px;
- *height:120px;
- _height:150px;
下面我簡單解釋一下各瀏覽器怎樣理解這三個屬性：
在FF下，第2、3個屬性FF不認識，所以它讀的是height:100px;
在IE7下，第三個屬性IE7不認識，所以它讀第1、2個屬性，又因為第二個屬性覆蓋了第一個屬性，所以IE7最終讀出的是第2個屬性*height:120px;
在IE6下，三個屬性IE6都認識，所以三個屬性都可以讀取，又因為第三個屬性覆蓋掉前2個屬性，所以IE6最終讀取的是第三個屬性。
【編輯推薦】
- 修正IE6在HTML標準下出現bug的小技巧
- 探究IE8與IE7具體功能中窗口功能按鈕的變化
- IE6 IE7 IE8三個版本的CSS兼容速查手冊
- 探秘IE8 JavaScript功能超乎想象
- 技術前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題
