当前位置:Gxlcms > html代码 > IE6~IE7bugs_html/css_WEB-ITnose

IE6~IE7bugs_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:23人阅读

本来想写一篇关于 IE bugs 的总结的,但是发现 IE 的 bugs 一般都存在IE5,IE6,IE7上,这都是很古老的浏览器。而且这些 bugs 测试起来相当麻烦,IEtester和 IE10 自带的文档模式选择都有一些偏差,要在虚拟机上安装系统测试才是最为准确的,最最重要的原因是现在的网页开发 IE5 基本是不考虑了,IE6,IE7 也快完全退出历史舞台了,一般网站会通过检测浏览器版本并提示用户升级浏览器,所以这些 bugs 在现在的开发中遇到的几率是很低的。

而之所以要总结是因为偶尔在学习过程中,一些博客或书中会涉及到这些 bugs,甚至在一些公司的笔试中喜欢挑出这些来考考你对 CSS 的了解是否够深入。所以我还是本着前人栽树后人乘凉的原则去网上找一些好的资源学习好了。寻寻觅觅终于在 W3C Plus上找到站长大漠的浏览器兼容之旅,总共四篇,总结得比较系统,可读性比较强,就以此为主要的资源学习吧。链接如下:

浏览器兼容之旅的第一站:如何创建条件样式

浏览器兼容之旅的第二站:各浏览器的Hack写法(更全面的可以参考 葵中剑 的 CSS Hack Table)

浏览器兼容之旅的第三站:IE常见Bug??part1

目录结构

十种经典的Bug产生的原因

一、浮动元素的双倍Margin的Bug

二、克服Box Model的Bug

三、设置元素的最小高度和最小宽度

四、块元素水平居中

五、列表li的楼梯Bug

六、li空白间距

七、IE6下无法设置元素的微高

八、overflow:auto与position:relative的碰撞

九、浮动层错位

十、IE6下躲猫猫

浏览器兼容之旅的第四站:IE常见Bug??part2

目录结构

IE的Bug处理

一、IE6克隆文本的Bug

二、IE下图片缩放Bu

三、IE6下PNG图片透明Bug

四、