我的网页遭遇了两个IE6渲染错误。它们每一个都有解决方法,但不幸的是这些解决方法彼此不兼容。
这是一个最小化的测试用例。在Firefox / Safari中的行为是期望/正确的。IE7是未知的,因为我现在无法访问它。
第一个 bug:#content 具有 overflow:auto 并包含具有相对定位的 div。 IE6 错误地使相对定位的 div 具有固定外观。 解决方法:在 #content 上设置 position:relative。
第二个错误:页面有时会显示模态弹窗。弹窗和背景的z-index非常高,以防止背景被干扰。这在#content上设置position:relative时效果很好,但这会导致IE6将z-index属性完全错误处理。
我该如何让这些错误和谐地相互配合?(注意:远程格式化仍在运行IE6的用户的硬盘不是一个选项,这让我感到沮丧。)
编辑:这里有第二个测试案例,展示了当我将位置属性设为相对于内容时会发生什么。第一个bug(解决了#content-header的外观问题)被解决了,但它会导致z-index bug出现,并且破坏了模态背景。