区别FF,IE7,IE6

最新推荐文章于 2021-06-19 00:25:02 发布

原创最新推荐文章于 2021-06-19 00:25:02 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Firefox #HTML

前期配置专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何使用CSS特性实现跨浏览器兼容性，包括特定于IE6、IE7和Firefox的样式调整方法。通过使用*+html、*html及!important等语法，确保网页能在不同版本的Internet Explorer和Firefox中正确显示。

区别FF,IE7,IE6：

IE6能识别*，但不能识别 !important;

IE7能识别*，也能识别!important;

FF不能识别*，但能识别!important;

(1)针对 *+html 与 *html

<html> 
    <head>
        <style> 
            #wrapper { width: 120px;height:100px; background:#ff0; } /* FireFox */ 
            *html #wrapper { width: 80px;} /* ie6 fixed */ 
            *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */ 
        </style> 
    </head> 
     <body> 
         <div id="wrapper"></div> 
       </body> 
</html>

(2)针对 !important 与 *html

<html> 
   <head> 
     <style> 
             #wrapper{
	width: 120px;
	*width: 60px !important;
	*width: 80px;
	height:100px; 
                background:#ff0;
              } 
           /*注意 firefox的写在前面，IE7的写在中间，IE6的写在最后面*/ 
      </style> 
   </head> 
   <body> 
       <div id="wrapper"></div> 
    </body> 
</html>

(3) 还有可以利用的是ie6.0支持下划线(即"_")

<html> 
   <head> 
      <style> 
           #wrapper { width: 120px;*width: 60px;_width: 80px;height:100px; background:#ff0;} 
            /*注意 firefox的写在前面，IE7的写在中间，IE6的写在最后面*/ 
      </style> 
   </head> 
     <body> 
           <div id="wrapper"></div>  
        </body> 
</html>