`
sandy_leen
  • 浏览: 70408 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

区别FF,IE7,IE6

阅读更多

区别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> 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics