DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網頁在IE6下錯位在IE7下正常的問題
網頁在IE6下錯位在IE7下正常的問題
編輯:CSS詳解     

問:

IE6網頁顯示錯位,IE7顯示正常

我用dreamweaver制作的靜態頁面,DIV+CSS格式的,在IE7.0浏覽器和火狐浏覽器中顯示都很正常,但是在IE6.0中顯示就不正常,這是怎麼回事呀,請高手幫忙?!

答:

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

區別IE6與FF: 
backgroundrange;*background:blue;

區別IE6與IE7: 
background:green !important;background:blue;

區別IE7與FF: 
backgroundrange; *background:green;

區別FF,IE7,IE6: 
backgroundrange;*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;

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