浏览器兼容问题
  • 产品介绍
  • 微信/手机站模板
  • 电脑站模板
  • 小程序模板
  • 建站问答
  • 应用下载
  • 产品手册
  • 网站百科
  • 建站代理
  • 网站案例
  • 论坛
  • 关于我们
  • IE6常见Bug3:3像素bug

    2015-09-08 14:26:48
     IE6常见Bug3:3像素bug
    当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现,它会偏移3像素。
    解决方案:
    只要触发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。注:前面的下划线是专门写给IE7以下版本的hack!
    
    
    
    
    3像素bug
    
    
    
      

    3像素bug

    红色区域和蓝色区域有3像素空隙

    解决方案

    采用负外边距的方法,可解决该bug

    在IE6中浏览的效果图如下:

  • 回顶部
临沂木火网络科技有限公司 版权所有 2022-2027
鲁ICP备16043239号
服务热线: 13013553001