0

i 我的 IE8（版本：8.0.6001.18702）和这个网站（gute-tat.de）有问题，我自己无法解决。在所有其他浏览器中滚动都很好，但在 IE8 中滚动只能偶尔或根本不起作用。我无法通过 stackoverflow 或谷歌找到解决方案。

我试图通过验证站点并修复所有错误来解决问题。这个页面只剩下 2 个错误http://www.gute-tat.de/konzept.html，仍然滚动仍然损坏。剩下的两个错误之一，“onLoad”错误也不是原因。我暂时把它拆了，没解决问题后又放回去了。（我刚刚接手了维护这个网站的工作，所以我不想太快做出太多的改变）

我还想更改文档类型，但 Typolight 只允许在“XHTML Strict”和“XHTML Transitional”之间进行选择。

如果有人能指出我正确的方向，那会让我很开心。

在此先感谢，斯蒂芬

4

1 回答 1

1

该问题是由通过表格实现的全屏背景图像引起的。

<body>
    <div id="mainwrapper">
        <!-- the actual conent of the page... -->
    </div>
    <div id="bg">
        <div>
            <table cellspacing="0" cellpadding="0">
                <tbody><tr><td>
                    <img alt="" src="pathtobackgroundimage/bg_image.jpg">
                </td></tr></tbody>
            </table>
        </div>
    </div>
</body>

仅当鼠标指针位于背景图像上时，滚动才会中断。如果鼠标指针放在实际内容的顶部，滚动效果很好。

我知道表格是实现全屏背景图像的错误方法，但我不知道它会导致滚动在 IE8 中不起作用（至少在这种情况下）。

我无法在合理的时间内找出背景的哪个确切部分导致了问题。由于无论如何我都会用更新的方法替换表格，所以我不想在上面浪费更多时间。但是，如果有人可以就此分享更多见解，我将不胜感激。

这是相关的CSS

html, body, #bg, #bg table, #bg td {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
#bg div {
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
}
html, body, #bg, #bg table, #bg td {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
#bg td {
    text-align: center;
    vertical-align: middle;
}
#bg img {
    margin: 0 auto;
    min-height: 50%;
    width: 50%;
}
于 2013-04-23T13:19:45.843 回答