滚动在IE8中不起作用
问题描述:
iI在IE8(版本:8.0.6001.18702)和本网站(gute-tat.de)中有问题,我无法自行解决。在所有其他浏览器中,滚动都很好,但在IE8中,滚动只能偶尔或根本不起作用。我找不到通过*或谷歌解决方案。滚动在IE8中不起作用
我试图通过验证网站并修复所有错误来解决问题。此页面只剩下2个错误http://www.gute-tat.de/konzept.html,仍然滚动仍然损坏。 其余两个错误之一,“onLoad” - 错误也不是原因。我没有解决问题后暂时将其删除并重新放入。 (我刚接手维护这个网站的工作,所以我不想太多改动太快)
我也想改变doctype,但是Typolight只允许选择“XHTML Strict”和“XHTML过渡”。
如果有人能指引我朝着正确的方向发展,
由于提前, 斯蒂芬
答
问题是由全屏背景图像引起的,通过表格来实现。
<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-10-18 07:40:06