我的网页存在两个 IE6 渲染错误。他们每个人都有解决方法,但不幸的是,这些解决方法彼此不兼容。
这是一个最小化的测试用例。Firefox/Safari 中的行为是期望/正确的行为。IE7 是未知的,因为我现在无法访问它。
第一个错误:#content 有溢出:自动并包含一个相对定位的 div。IE6 错误地为相对定位的 div 赋予了“固定”外观。解决方法:在#content 上设置位置:相对。
第二个错误:页面有时会显示一个模式弹出窗口。弹出窗口和背景上的 z-index 设置得非常高,以阻止与它们后面的任何东西进行交互。这工作正常,直到我在#content 上设置 position:relative,这使得 IE6完全错误地对待 z-index 属性。
我怎样才能让这些虫子很好地相互玩耍?(注意:远程格式化仍在运行 IE6 的用户的硬盘驱动器不是一种选择,这让我很沮丧。)
编辑: 这是第二个测试用例,显示了当我应用位置时会发生什么:相对于内容。第一个错误(#content-header 的“固定”外观)已解决,但它会导致 z-index 错误启动并弄乱模态背景。