CSS常见兼容性问题

博客主要介绍了IE6及更早浏览器的前端兼容问题,包括透明度问题,标准浏览器用opacity,IE用滤镜写法;display:inline-block在不同元素和浏览器的支持情况;IE6浮动双边距、不支持min-height、小高度容器文字超出以及只支持a标签的:hover等问题及解决办法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.透明度问题

标准浏览器:opacity,

IE:IE4-IE9都支持滤镜写法filter: alpha
(opacity,finishopacity,style,startX,startY,finishX,finishY)
Opacity 透明的程度,百分比 选值0-100,0是完全透明,100是不透明。
FinishOpacity 这是一个同Opacity一起使用的选择性的参数,当同时Opacity和FinishOpacity时,可以制作出透明渐进的效果。 从0到100,0表是完全透明,100表示完全不透明。
Style 当同时设定了Opacity和finishOpacity产生透明渐进时,它主要是用赤指定渐进类型。 0:没有渐进;1:直线渐进;2:圆形渐进;3:矩形辐射。
StartX 渐进开始的 X 坐标值
StartY 渐进开始的 Y 坐标值
FinishX 渐进结束的 X 坐标值
FinishY 渐进结束的 Y 坐标值

2.display:inline-block

1、inline元素的display属性设置为inline-block时,所有的浏览器都支持
2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持

3.IE6浮动产生双边距问题

元素设置display:inline属性

4.IE6之前不支持min-height

元素添加_height:200px;属性

5.IE6及更早的浏览器定义小高度容器文字超出

IE6之前浏览器有默认的字体和行高,在元素中重新设置一下

6.IE6只支持 a标签的:hover,不支持其他标签的:hover

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值