zoukankan      html  css  js  c++  java
  • ie6的兼容问题及解决方案 超级菜鸟

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

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

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

    float:left; 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;

  • 相关阅读:
    用户故事与敏捷方法阅读笔记2
    用户故事与敏捷方法阅读笔记1
    梦断代码阅读笔记3
    梦断代码阅读笔记2
    梦断代码阅读笔记1
    疫情可视化项目-进度2
    疫情可视化项目-进度1
    每日总结3.16
    Android体温记录器更新-进度5
    每日总结3.11
  • 原文地址:https://www.cnblogs.com/ouyangyulin/p/6142310.html
Copyright © 2011-2022 走看看