CSS hack在IE6，IE7，firefox用法與區分(1/2)

 

一、CSS HACK
 以下兩種方法幾乎能解決現今所有HACK.

 1, !important

 隨著IE7對!important的支援, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)

 <style>
 #wrapper
 {
 width: 100px!important; /* IE7+FF */
 width: 80px; /* IE6 */
 }
 </style>

 

 2, IE6/IE77對FireFox

 *+html 與 *html 是IE特有的標籤, firefox 暫不支援.而*+html 又為 IE7特有標籤.

 <style>
 #wrapper
 {
 #wrapper { width: 120px; } /* FireFox */
 *html #wrapper { width: 80px;} /* ie6 fixed */
 *+html #wrapper { width: 60px;} /* ie7 fixed, 注意順序 */
 }
 </style>

 
 
 ]CSS hack:區分IE6，IE7，firefox
 區別不同瀏覽器，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 FF
*             √ √ ×
!important × √ √

 

首頁 1 2 末頁