Css Bug以及css hack 整合

(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;



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值