IE兼容问题,各类css hack代码(亲测有效)
2016-03-10 13:32
751 查看
现在大部分企业对浏览器兼容要求是IE7+或者IE8+,要求IE6的很少,此处一并写出。
IE6:
IE6+IE7:
IE6+:
IE8+:
IE9:
IE8:
这只是头疼医头,脚痛医脚。可以解决生产中遇到的IE兼容问题,却不清楚究竟是哪些属性导致的兼容问题,有必要对浏览器解析CSS属性做一些了解,生产中尽量避开这些坑,提高开发效率。
IE6:
_margin-top: 20px;
IE6+IE7:
*margin-top: 20px;
+margin-top: 20px;
IE6+:
margin-top: 20px\9;
IE8+:
margin-top: 20px\0;
IE9:
/*:root在谷歌浏览器中也能被识别,所以需要加\9*/ :root .item{ margin-top: 20px\9; }
IE8:
/*没有针对IE8的hack代码,但是可以组合实现*/ margin-top:10px\0; :root .item{ margin-top: 20px\9; }
这只是头疼医头,脚痛医脚。可以解决生产中遇到的IE兼容问题,却不清楚究竟是哪些属性导致的兼容问题,有必要对浏览器解析CSS属性做一些了解,生产中尽量避开这些坑,提高开发效率。
相关文章推荐
- css背景样式
- css3变形动画
- css透明度的设置 (兼容所有浏览器)
- CSS布局奇淫巧计之-强大的负边距
- css边框样式
- 小松博客样式修改
- CSS解决页面图片水平垂直居中问题的方法
- user agent stylesheet 处理
- css 优先级
- 前端基础学习-常见CSS网页布局
- 纯css实现3D图像轮转效果
- CSS怎样改变行内样式(通过外部级联样式表) css !important用法CSS样式使用优先级判断
- 全面剖析CSS Position定位
- 利用css3-animation实现逐帧动画效果
- CSS3文本溢出显示省略号
- css HACK
- css绘制透明三角形
- 开发规范3:CSS
- 2016.3.9__ CSS 基础_第三天
- 不能不知道的CSS选择器技巧