多浏览器css兼容分析小结
2012-06-07 14:10
274 查看
只要触发IE的hasLayout,非浮动元素就会拥有布局。所以,利用IE6特有的hack规则,为它单独写样式就可修复此问题:
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE触发Layout条件之一,因为它是IE特有的CSS规则,所以采用zoom。
margin-left: value-3px 是修复IE6 中3px 的bug。
此前采用非浮动元素也浮动的方法修复bug,现在我们可以试试这个新的方法了!
注:前面的下划线是专门写给IE7以下版本的hack!
from http://www.actxt.com/blog/2011/04/%E5%A4%9A%E6%B5%8F%E8%A7%88%E5%99%A8css%E5%85%BC%E5%AE%B9%E5%88%86%E6%9E%90%E5%B0%8F%E7%BB%93-2/
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE触发Layout条件之一,因为它是IE特有的CSS规则,所以采用zoom。
margin-left: value-3px 是修复IE6 中3px 的bug。
此前采用非浮动元素也浮动的方法修复bug,现在我们可以试试这个新的方法了!
注:前面的下划线是专门写给IE7以下版本的hack!
from http://www.actxt.com/blog/2011/04/%E5%A4%9A%E6%B5%8F%E8%A7%88%E5%99%A8css%E5%85%BC%E5%AE%B9%E5%88%86%E6%9E%90%E5%B0%8F%E7%BB%93-2/
相关文章推荐
- 多浏览器css兼容分析小结
- 多浏览器css兼容分析小结
- IE6、IE7、IE8浏览器下CSS不兼容的解决分析
- 最全的CSS浏览器兼容问题小结
- HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签
- 关于CSS兼容IE与Firefox要点分析
- 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...)
- 网站页面变灰的CSS处理办法,兼容主流浏览器,哀悼地震逝去者...
- CSS浏览器兼容
- 最全的CSS浏览器兼容问题
- CSS之hack与浏览器兼容常用技巧
- CSS浏览器兼容问题集(一)
- 纯 CSS 弹出菜单 之 横排三级分类(兼容多个浏览器) By shawl.qiu
- 如何才能编写出兼容各浏览器的CSS
- css实现图片圆角 兼容所有浏览器实现代码
- Javascript字符串浏览器兼容问题分析
- Javascript和CSS浏览器兼容总结