IE6特有bug兼容性问题整理 1 不同浏览器对浮动float和相邻不浮动对象的解析不同 IE会让相

文件名称: IE6特有bug兼容性问题整理

所属分类: Web开发

开发工具:

文件大小: 73kb

下载次数: 0

上传时间: 2017-11-24

提供者: qq_36******

下载 (73kb)

不能下载？报告错误

详细说明： 1 不同浏览器对浮动float和相邻不浮动对象的解析不同 IE会让相邻的也浮动起来，Chrome 和FF不会，他们的float对象不再占据空间，所以显示效果也不同。 Chrome 下 IE

--------------------------------------------------------------------------------------------- 1.关于background的背景图片的 fixed固定定位 Firefox是支持background:fixed;定位的，IE6只能说是半支持，好吧，这么说吧，可能不太严谨，就是背景图片固定的效果似乎只在根结点起作用。举个很简单的例子：先看这段css代码： body{background:url(../image/404.png) no-repeat fixed center center;} div{height:2000px;} HTML部分为：
其结果是无论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属性的标签 ...展开收缩

(系统自动生成,下载前可以参看下载内容)