Css Bug以及css hack 整合

    xiaoxiao2021-12-14  21

    (1)ie6默认高度

    描述:在IE6以下的版本中,部分块拥有默认高度(低于18px高度)

    hack1:给元素添加font-size:0;

    hack2:给元素添加overflow:hidden;

    (2)图片间隙

    a:div中的图片间隙

    描述:在div中插入图片时,图片会将div撑大3个像素;

    hack1:将</div>与<img>写在一行

    hack2:将img转化为块元素,添加display:block;声明

    b: dt,li中图片间隙(ie6)

    Hack1:将<img>转化为块元素 displayblock

    Hack2:给li添加图片高度:overflowhidden

    (3)双向浮动(双倍边距由floatleft;和margin-left:共同使用产生)

    Hack1:给浮动元素添加displayinline

    (4)表单元素行高不一致

    描述:表单元素行高不同

    Hack:给表单元素添加floatleft

    (5)按钮元素默认大小样式不一致

    Hack1:统一大小及样式(用a标记模板)

    Hack2:input外面套一个标签,在按钮里写按钮样式,把Input的边框去掉

           Hack3:如果按钮是一个图片,直接把图片作为背景图

    (6)百分比bug

    描述:IE6版本以下会进行四舍五入,导致50%+50%大于100%情况

    hack1:给右边的元素添加clear:right;(清除右边的浮动)

    hack2:clear:left;(清除右边的浮动)

    (7)鼠标指针bug(无法显示手状)

    cursor:pointer/help/wait;

    (8)父元素有块状元素,如果子元素添加margin-top

    hack1:overflow:hidden;

    hack2:float:left;

    hack3:padding-top;

    转载请注明原文地址: https://ju.6miu.com/read-971049.html

    最新回复(0)