• IE6 兼容问题


    1IE6图片撑大三像素问题                             

    hack1: 给父元素添加: font-size0;

    hack2(推荐):

    给img标签设置: display:block 或vertical-align:middle display:inline-3px

    2IE6边距/双倍浮向问题                           

    IE6中如果对进行浮动元素设置边距paddingmargin,边距加倍。

    hack:给浮动元素设置displayinline;

    3表单行高不一致(同一行中inputbutton高度不一致)

     hack:给表单元素添加:  float:left ; border:0;  //去掉边框

    4IE6   li标签间隙问题                                    

     IE6中,如果li中的内容设置了高度,li标签之间会有间隙;

    hack:给li添加: vertical-aligntop

    5IE6及以下:部分块状元素默认高度(一般16px-18px  

     hack:给元素添加overflow-hidden 或者font-size0

    6IE6png24会有背景                         

    把png24做成png8 (格式8位的透明)

     

    7IE6鼠标指针问题                                     

    bug:   cursorhand属性只有IE8浏览器识别。

    hack:  统一元素指针形状为手型  

    例如:input { cursor:pointer;}

    8IE6透明属性                                                

    IE兼容写法: filter: alpha(opacity=数值)  //取值1-100

    其他浏览器兼容写法: opacity:0;  //取值0-1

    9IE6 父元素里有块元素,如果给子元素添加margin-top,父元素会掉下来

    hack1: 避开这个bug, 给父元素添加padding-top

    hack2: 给父元素添加: overflow:hideen;

    hack3: 给子元素添加float

    hack4: 给父元素加边框

  • 相关阅读:
    qt的.pro配置总结
    【GOJ 1489】Monster Hunter
    CPU 杂谈
    【CF 1061C|GOJ 3505】Multiplicity
    【CF 1039D|GOJ 3502】You Are Given a Tree
    我跳过的坑
    【CF 1101D|GOJ 3501】GCD Counting
    【HDU 5269|GOJ 739】xor的最低位
    beta阶段组间的140字互评
    【第七周】【新蜂站会】3
  • 原文地址:https://www.cnblogs.com/yunyin/p/14657972.html
Copyright © 2020-2023  润新知