首页 > 其他 > 详细

IE6,7,8,9还有火狐浏览器的兼容

时间:2016-09-22 19:48:34      阅读:222      评论:0      收藏:0      [点我收藏+]

/*FF、Opear等支持Web标准的浏览器*/
#header {
        margin-top: 23px;
        margin-bottom: 23px;
}
/*IE6浏览器*/
*html #header { 
        margin-top: 13px;
        margin-bottom: 13px; 

/*IE7浏览器*/
*+html #header { 
        margin-top: 18px;
        margin-bottom: 18px; 
}

因此,当你在遇到这种情况的时候可以用
* html   来定义IE6
*+html   来定义IE7

更新:
还有一种css hack直接与其他浏览器一起写在一条css表达式中


#header{
margin-top: 13px;     /* 所有浏览器都支持 */
margin-top: 13px !important;     /* Firefox、IE7支持 */
_margin-top: 13px;     /* IE6支持 */
*margin-top: 13px;     /* IE6、IE7支持 */
+margin-top: 13px;     /* IE7支持 */
margin-top: 13px\9;     /* IE6、IE7、IE8、IE9支持 */
margin-top: 13px\0;     /* IE8、IE9支持 */
}


需要注意书写顺序:所有浏览器、Firefox、IE8、IE7、IE6依次排列。

IE6,7,8,9还有火狐浏览器的兼容

原文:http://www.cnblogs.com/yuxingyoucan/p/5897437.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!