浏览器兼容 
  • 所有产品分类
  • 网站首页
  • 活动公告
  • 模板市场
  • IDC服务
  • 特价仿站
  • 增值服务
  • 资讯动态
  • 站长学院
  • 招商加盟
  • 帮助中心
  • 网站首页
  • 模板市场
  • 免费模板
  • 精品模板
  • 特价仿站
  • 行业资讯
  • 站长学院
  • 活动公告
  • 帮助中心
  • 招商加盟
  • IE6常见Bug16:其它bug

    2019-05-31 10:08:32

    1.最小高度

    IE6 不支持min-height属性,但它却认为height就是最小高度。
    解决方法:使用IE6不支持但其余浏览器支持的属性!important。  例:
    01
    02
    /*兼容各浏览器得最小高度实现*/
    #container {min-height:200px; height:auto !important; height:200px;}

    注意:IE6不支持min-height和!important,会直接被忽略。


    2.IE6100% 高度

    在IE6下,如果要给元素定义100%高度,必须要明确定义它的父级元素的高度,如果你需要给元素定义满屏的高度,就得先给html和body定义height:100%;
    注意:此bug主要针对父层元素为body,如果是父层是div,在ie6默认有19像素的高度。


    3.样式中文注释后引发失效

    这是ie6 出现的奇怪现象。这是由于css 和html 的编码不同所引致。
    满足下面条件就会引起 注释下面的样式不起作用:
    (1) css有中文注释
    (2) css为ANSI编码
    (3) html为utf-8编码
    解决方案:
    (1) 去掉中文注释,用英文注释
    (2) 统一css 和 html 的编码(建议采用第二种解决方法),建议都使用utf-8编码
    注意: css为uft-8 html 为ANSI 不会出现失效的情况。


    4.内部盒模型超出父级时,父级被撑大

    内部盒模型超出父级时,父级被撑大。解决方法:父标签使用overflow:hidden


    5.背景闪烁

    如果你给链接、按钮用CSS sprites作为背景,你可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存,每次触发hover的时候都会重新加载,可以用JavaScript设置IE6缓存这些图片:
    01 document.execCommand("BackgroundImageCache",false,true);


    6.Overflow Bug

    在IE6/7中,overflow无法正确的隐藏有相对定位position:relative;的子元素。解决方法就是给外包容器.wrap加上position:relative;。
新手指南支付购买售后服务关于我们
辽阳铭捷软件科技有限公司
Copyright © 2015-2019  建站模板网  版权所有 营业执照
  • 网站首页

  • 市场

  • 搜索

  • 购物车

  • 我的