首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

css常见兼容性

在工作前,来杯卡布奇诺,边听歌边学习,啦啦啦

1. 透明度问题,标准浏览器(0-1)opacity:0.2,

IE (0-100);filter: alpha(opacity=20);

2、IE6不支持display:inline-block(inline-block属性

值,使其既具有block的可以设置宽高度特性,又具有inline

的同行特性)(解决vertical-align:(bottom)垂直位置方

式。)

3、 (在css参考手册中有许多问题和解决方案)在IE6及

更早的浏览器中定义小高度容器(因为默认有字体、行高):

overflow:hidden;font-size:0;height:1px;line-height:0;

4, IE6中浮动式产生一个双边距的问题:把元素的

display:inline

5, IE6之间的浏览器不支持min-height,解决:加一个

_height:200px;

6 ,CSShack(利用了这些浏览器的漏洞价格,专门用这些漏洞来解

决兼容性问题) :条件hack、属性级hack(_color:IE6;

*color:IE7; color:#090\9:IE9)、选择符级hack3(*html

是IE6;*+html是IE7)

7.被点击过的超链接不再具有hover、 active了

解决: CSS属性排列顺序 Link-Visit-Hover-Active

把: hover : visit之类的里面的样式设置成一样的

8、min-height最小高度,选择符*HTML..Test{}只在IE6中可以

显示 。IE中有一个3像素BUG,当一个元素浮动,另一个元素和

他并列是会有一个3像素的边距,给左边浮动的元素加一个

_margin-right :3px来解决。负值往右,正值往左

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

10. IE6不支持png24的透明(png透明)

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190818A0EETQ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券