滚动在IE8中不起作用

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

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

我也想改变doctype，但是Typolight只允许选择“XHTML Strict”和“XHTML过渡”。

如果有人能指引我朝着正确的方向发展，

由于提前，斯蒂芬

来源

2013-03-04 Stephan Pfaff

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

<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-23 13:19:45

高兴你理解了它，并感谢张贴您的解决方案，帮助了我很多！ – 2013-10-18 07:40:06

滚动在IE8中不起作用

回答

相关问题