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 末页