• 技术文章 >web前端 >css教程

    解决IE6 3像素Bug的css写法_经验交流

    2016-05-16 12:04:15原创1344
    只要触发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!
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:IE6 像素 Bug
    上一篇:实用CSS 文字收集_基础教程 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 让交互更加生动!巧用CSS实现鼠标跟随 3D 旋转效果• 手把手教你用CSS实现简单大气的输入框• CSS高阶技巧:实现图片渐隐消的多种方法• 手把手教你使用CSS实现酷炫六边形网格背景图• 聊聊怎么利用CSS实现波浪进度条效果
    1/1

    PHP中文网