zoukankan      html  css  js  c++  java
  • IE兼容问题及处理

    1.在IE6下,子元素能撑开父级设置好的宽高
    2.IE6下的最小高度,高度小于19px的元素在IE6下会被当做19px来处理

    解决办法:overflow:hidden;

    3.IE6下 不支持1px的点线

    4.在IE6下父级有边框,可能会导致子元素的margin值失效
    解决办法:触发父级的haslayout

    5.
    在IE下不写文档声明就会进入盒模型的怪异解析;
    盒模型的怪异解析:

    怪异盒模型
    width=可视宽
    content=width-padding-border

    6.在IE6下标签兼容:解决办法 <script src="html5shiv.js"></script>  创建新标签 上传过文件;

    7.IE7及IE7之前的IE,只支持给a标签设置伪类,并且只支持l-v-h-a这四个伪类
    解决办法:javascript

    8.IE6,7下,inline-block对块标签没有效果了

    9.在IE6,7下元素浮动之后,如果宽度是固定的,一定记得设置宽度,如果宽度需要内容撑开,就给他里边的块元素都加浮动

    10.需要并在同一行的元素最好都加浮动

    11.IE6,7下li本身没浮动,但是内容有浮动,li下边就会多出来几像素的空隙
    解决办法:
    1.给li浮动
    2.给li加垂直对齐方式

    12.当li下的空隙问题和IE6下最小高度问题并存的时候,给li加浮动

    13.IE6下的双边距BUG

    在IE6下,块元素,有浮动,并且有横向的margin,横向的margin值会放大成两倍

    解决办法: display:inline

    14.在IE6下,父级的宽度和每行元素的宽度之和相差超过3px,最后一行下margin失效

    15.两个浮动元素中间有注释或者内嵌元素并且和父级宽度相差不超过3px,文字就被复制

    16.haslayout
    haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout属性值为true时,我们说这个元素有一个布局(layout)

    根据自身的内容大小或者父级的大小,来计算自己的大小

    display: inline-block
    height: (任何值除了auto)
    float: (left 或 right)
    position: absolute
    (任何值除了auto)
    zoom: (除 normal 外任意值)

    IE7以上的
    * min-height: (任意值)
    * max-height: (除 none 外任意值)
    * min- (任意值)
    * max- (除 none 外任意值)
    * overflow: (除 visible 外任意值)
    * overflow-x: (除 visible 外任意值)
    * overflow-y: (除 visible 外任意值)
    * position: fixed

    17.IE6实现三角形
    border:1px dashed #000;

    18. .clear{zoom:1;} 变焦,缩放
    19.❶在IE6,7下子元素有相对定位,父级的overflow对它不起效果
    解决办法:给父级也加相对定位
    ❷在IE6下,浮动元素和绝对定位元素是并且关系的话,定位元素会消失掉
    解决办法:给它父级包一个div
    ❸在IE6下,绝对定位父级的宽度(高度)是奇数的话,元素的right(bottom)就会有1px的偏差
    ❹在IE6下,使用margin负值,使元素移出父级部分,移出部分会被父级截掉;
    解决办法:给元素加相对定位
    20.表单
    ❶label标签 加for属性
    ❷焦点问题 outline:none
    ❸input上下2px的空隙
    解决办法:给input浮动
    ❹input在IE6下加:border:none 无效果
    解决办法:
    ①border:0;
    ②重置input的背景
    ❺在IE6,7下输入类型的表单控件,输入文字的时候,背景图会随着一起移动
    解决办法:背景加给父级
    21.IE6,不支持PNG的透明度;
    解决办法:JS处理;上传过JS文件;
    滤镜:
    _background:none;_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png.png", sizingMethod="crop"

    22.条件注释语句
    <!--[if IE]>
    这是IE
    <![endif]-->
    <!--[if IE 9]>
    9
    <![endif]-->
    23.ie hack
    IE8之后的IE识别
    IE10及IE10之后的IE识别 9
    IE7及IE7之前的IE识别 * +
    IE6及IE6之前的IE识别 _
    24. !important 可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级

  • 相关阅读:
    IDEA 初次使用,记录心得
    排序算法代码总结-java版
    SpringMVC支持多对象Form Data绑定
    密码安全性检查代码
    PERL/LEX/YACC技术实现文本解析--XML解析
    C代码工具--自动生成enum值和名字映射代码
    再谈CSHELL对C程序员的价值
    怎样设计一个运行日志服务
    Excel里内嵌在线翻译
    EOS -- 一种灵巧的系统运行跟踪模块
  • 原文地址:https://www.cnblogs.com/xiaozhishang/p/4774706.html
Copyright © 2011-2022 走看看