【文件属性】：
文件名称：IE6特有bug兼容性问题整理
文件大小：73KB
文件格式：DOCX
更新时间：2020-12-14 16:57:25
IE6 特有bug 兼容性 问题整理
1 不同浏览器对浮动float和相邻不浮动对象的解析不同
IE会让相邻的也浮动起来，Chrome 和FF不会，他们的float对象不再占据空间，所以显示效果也不同。
Chrome 下
IE
<style>
body{
padding:0;
margin:0;}
#yi{
background:#0033FF;
height:298px;
width:298px;
padding:1px;
}
#er{
background:#FF0000;
width:30px;
height:30px;
float:left;
}
#er2{
background:#00FF00;
width:30px;
height:30px;
float:left;
}
#san{
background:#00FFFF;
width:230px;
height:90px;
border:1px #00FFFF solid;}
</style>
</head>
<body>
</body>
</html>
---------------------------------------------------------------------------------------------
1.关于background的背景图片 的 fixed固定定位
Firefox是支持background:fixed;定位的，IE6只能说是半支持，好吧，这么说吧，可能不太严谨，就是背景图片固定的效果似乎只在根结点起作用。举个很简单的例子：
先看这段css代码：
body{background:url(../image/404.png) no-repeat fixed center center;}
div{height:2000px;}
HTML部分为：
<body><div>
</body>
其结果是无论IE6还是火狐浏览器下，背景图片都是固定的死死的，不错。但是，一旦html标签带着background属性参合进来，事情就要发生转变了。问题代码：
html{background:white;}
body{background:url(../image/404.png) no-repeat fixed center center;}
div{height:2000px;}
结果IE6下，背景不固定了，只看到背景图片随着滚动条上下移动而移动。演示页面
要解决这个问题呢，也是有办法的，就是将fixed属性转移到html标签上就可以了。即：
html{background:white url(../image/404.png) no-repeat fixed center center;}
div{height:2000px;}
就可以了。
2.关于height:100%;
要想高度百分比起作用，一般来说，要满足两个条件：其一，父标签有高度可寻，就是向上遍历父标签要找到一个定值高度（body，html另外讨论），如果中途有个height为auto或是没有设置height属性，则高度百分比不起作用；其二，标签本身的属性，如果inline属性的标签
