DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS hack:實現IE6、IE7、Firefox兼容
CSS hack:實現IE6、IE7、Firefox兼容
編輯:CSS詳解     

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

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

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

區別不同浏覽器,CSS hack有不同的寫法:

區別IE6與FF:

background:orange;*background:blue;

區別IE6與IE7:

background:green !important;background:blue;

區別IE7與FF:

background:orange; *background:green;

區別FF,IE7,IE6:

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

注意事項:
◆IE都能識別*;標准浏覽器(如FF)不能識別*;
◆IE6能識別*,但不能識別 !important,
◆IE7能識別*,也能識別!important;
◆FF不能識別*,但能識別!important;

另外再補充一個,下劃線"_",

IE6支持下劃線,IE7和Firefox均不支持下劃線。

於是大家還可以這樣來區分IE6,IE7,Firefox

background:orange;*background:green;_background:blue;

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

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