IE6浏览器常见的bug及其修复方法 In 指挥学院 @2026-07-20 16:49:38
王金龙IE6浏览器常见的bug及其修复方法关注作者腾讯云开发者社区文档建议反馈控制台登录/注册首页学习活动专区圈层工具MCP广场文章/答案/技术大牛搜索搜索关闭发布王金龙社区首页 >专栏 >IE6浏览器常见的bug及其修复方法IE6浏览器常见的bug及其修复方法王金龙关注发布于 2018-09-05 15:09:06发布于 2018-09-05 15:09:061K0举报文章被收录于专栏：王金龙的专栏王金龙的专栏IE6不支持min-height，解决办法使用css hack：代码语言：javascript复制.target {
min-height: 100px;
height: auto !important;
height: 100px; // IE6下内容高度超过会自动扩展高度
}ol内li的序号全为1，不递增。解决方法：为li设置样式display: list-item;未定位父元素overflow: auto;，包含position: relative;子元素，子元素高于父元素时会溢出。解决办法：1）子元素去掉position: relative;; 2）不能为子元素去掉定位时，父元素position: relative;代码语言：javascript复制
aaaa bbbbbDDDDDDDDDDDd aaaa lkjlkjdf j
IE5-8不支持opacity，解决办法：代码语言：javascript复制.opacity {
opacity: 0.4
filter: alpha(opacity=60); /* for IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE 8*/
}IE6在设置height小于font-size时高度值为font-size，解决办法：font-size: 0;IE6不支持PNG透明背景，解决办法: IE6下使用gif图片IE6-7不支持display: inline-block解决办法：设置inline并触发hasLayout代码语言：javascript复制 display: inline-block;
*display: inline;
*zoom: 1;IE6下浮动元素在浮动方向上与父元素边界接触元素的外边距会加倍。解决办法： 1）使用padding控制间距。 2）浮动元素display: inline;这样解决问题且无任何副作用：css标准规定浮动元素display:inline会自动调整为block通过为块级元素设置宽度和左右margin为auto时，IE6不能实现水平居中，解决方法：为父元素设置text-align: center;本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2017-02-03 ，如有侵权请联系 cloudcommunity@tencent.com 删除前往查看css本文分享自 作者个人站点/博客 前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ，欢迎热爱写作的你一起参与！
css评论登录后参与评论0 条评论热度最新登录 后参与评论推荐阅读领券社区技术文章技术问答技术沙龙技术视频学习中心技术百科技术专区活动自媒体同步曝光计划邀请作者入驻自荐上首页技术竞赛圈层腾讯云最具价值专家腾讯云架构师技术同盟腾讯云创作之星腾讯云TDP关于社区规范免责声明联系我们友情链接MCP广场开源版权声明腾讯云开发者扫码关注腾讯云开发者
领取腾讯云代金券
热门产品域名注册云服务器区块链服务消息队列网络加速云数据库域名解析云存储视频直播热门推荐人脸识别腾讯会议企业云CDN加速视频通话图像分析MySQL 数据库SSL 证书语音识别更多推荐数据安全负载均衡短信文字识别云点播大数据小程序开发网站监控数据迁移Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档Copyright © 2013 - 2026 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有
登录 后参与评论000推荐