首页 > 其他 > 详细

ie6的兼容问题及解决方案

时间:2016-12-07 20:02:11      阅读:174      评论:0      收藏:0      [点我收藏+]

1、png24位的图片在ie6浏览器上会出现背景,解决方案是做成png8位;

2、浏览器默认的margin和padding不同,解决方法是用全局重置来统一,即是*{margin:0;padding:0}

3、对于块元素,给了横行的margin值,和浮动float,在ie6中会产生双边距问题,解决方法是转行内元素,eg:#box{

float:left; width:10px; margin:0 0 0 10px;_display:inline}在这种情况下ie6会产生20px的边距;

4、

渐进识别的方式,从总体中逐渐排除局部。

\9IE9以下,不含IE9

+IE8以下

_IE7以下

*IE67

例如 .bb{

    background-color:#f1ee18;/*所有识别*/

   .background-color:#00deff\9; /*IE678识别*/

   +background-color:#a200ff;/*IE67识别*/

   _background-color:#1e0bd1;/*IE6识别*/

   }

 

5、chrome中文界面下默认会将小于font—size=12px的文本强制按照12px显示,可通过加入css{-webkit-text-size-adjust:none}

6、ie6不支持fixed定位;

7、ie6的三像素bug

_zoom:1;margin-left:value;_margin-left:value-3px;

8、为什么无法定义1px左右高度的容器?

ie6本身有默认行高

解决方法有很多,比如overflow:hidden;zoom:0.08;line-height:1px;

 

ie6的兼容问题及解决方案

原文:http://www.cnblogs.com/ouyangyulin/p/6142310.html

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