博客
关于我
IE6_BUG解决方案
阅读量:774 次
发布时间:2019-03-23

本文共 1570 字,大约阅读时间需要 5 分钟。

IE6 是 Internet Explorer 的其中一代,曾经非常流行,但由于各种奇特的 CSS bug,开发者们需要各种 hack 来修复这些问题。本文将详细探讨 IE6 中的 10 个常见问题及其解决方法。

1. 幽灵文本 (Ghost Text bug)

  • 问题描述:IE6 在遇到特定 HTML 结构时,会出现不知来源的重复文本,出现在原文本附近。
  • 解决方法
  • 在疑似问题区域添加空格。
  • 避免使用评论标签 (<!-- -->),如果必须使用,尝试用 CSS display: inline 模式包围注释内容。
  • monitor 双键删除评论标签。

2. 相对位置和溢出隐藏 (Position Relative and Overflow Hidden)

  • 问题描述:当父元素设置 overflow: hidden 且子元素设为 position: relative 时,IE6 会出现布局异常。
  • 解决方法:给父元素添加 position: relative属性。这种方法在 IE6 中已被证实有效。

3. IE 的最小高度 (Min-Height for IE)

  • 问题描述:IE6忽略 min-height 属性,可能导致布局问题。
  • 解决方法
    .example {
    min-height: 500px;
    height: auto !important;
    height: 500px;
    }

4. Bicubic 图像缩放 (Bicubic Image Scaling)

  • 问题描述:IE 对图像缩放效果不佳,与其他浏览器不同。
  • 解决方法:添加 -ms-interpolation-mode: bicubic; 到 img 样式中。

5. PNG 透明 (PNG Transparency)

  • 问题描述:IE 对 PNG 图像的透明处理支持有限。
  • 解决方法
    img {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(_twitter-logo-32.png, 1);
    }

6. IFrame 透明背景 (IFrame Transparent Background)

  • 问题描述:IE6 的 IFrame 通常不显示透明背景。
  • 解决方法
  • 在 HTML 上添加 allowTransparency 属性。
  • 设置整个页面的背景颜色为透明。

7. 禁用 IE 默认的垂直滚动条 (Disabled IE default Vertical Scroll bar)

  • 问题描述:IE自动显示垂直滚动条,即使内容适合屏幕大小。
  • 解决方法
    html {
    overflow: auto;
    }

8. :hover 伪类 (:hover Pseudo Class)

  • 问题描述:IE 不支持 CSS :hover 伪类,但支持 :hover 状态。
  • 解决方法:使用 JavaScript 代替,如 Jquery 的 hover 函数。

9. 盒模型 Hack (Box Model Hack)

  • 问题描述:IE 不符合 W3C 盒模型,导致宽度计算错误。
  • 解决方法
    #content {
    padding: 10px;
    border: 1px solid;
    width: 200px;
    min-width: 180px;
    }

10. 双倍边距 bug (Double Margin Bug Fix)

  • 问题描述:IE6 会将浮动元素的左右边距依次加倍。
  • 解决方法:在浮动元素上添加 display: inline,防止边距叠加。

通过以上方法,可以全面解决 IE6 中提到的这些常见问题。在实际应用中,建议根据具体情况测试和调整,以确保最优的用户体验和兼容性。

转载地址:http://bsgzk.baihongyu.com/

你可能感兴趣的文章
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>
mysql8.0新特性-自增变量的持久化
查看>>
Mysql8.0注意url变更写法
查看>>
Mysql8.0的特性
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>
MySQL8修改密码的方法
查看>>
Mysql8在Centos上安装后忘记root密码如何重新设置
查看>>