在 http://www.duncannz.com我的问题只出现在 Opera Opera v12.0 之前 和 IE 8 中。如果您打开这些浏览器中的任何一个，请访问该网站并尝试向下滚动。 .. 它会。即使 body 只有 100% 宽度。当您滚动时，您会看到一个间隙，它是 <html> 的一部分。元素不是 <body>元素，根据额外位的背景外观来判断。
为什么向下滚动时 Opera 底部出现空隙？也出现在 IE 8 中。
有什么想法吗？
谢谢
编辑:这不是由您看到的页脚引起的 - 如果您访问较长的页面，如 http://www.duncannz.com/pages/text-to-code.php向下滚动那个空隙。
编辑 2:所以这个问题似乎在 Opera 12 以及 img border-radius 中得到修复不工作的错误。但是我使用的是旧版本并且我经常apt-get update && apt-get upgrade .如果我使用的是旧版本并且从未听说过新版本，我相信其他人也是如此。另外仍然需要 IE 8 修复。
编辑 3:
我找到了原因，但不是完全的解决方案。我有一个 box-shadow (和 PIE 解决方法)在我的 body 上.当您对 box-shadow 应用模糊时, 阴影扩大。这种膨胀导致阴影下降到 body 下方，并且看不见。然而，在旧的 Opera 版本和 IE8 中，这个故障导致浸入 body 下方的阴影模糊不在视线之外，而是创建一个可滚动区域，以便您可以看到整个 box-shadow .
如果不清楚here's a demo - 将第一个值 - “Angular ”设置为 0deg , 将第三个值 - “Blur” 设置为 0px看看。然后增加模糊度，您会看到阴影的模糊度下降到矩形下方。不幸的是，在 IE8 上，这种模糊会在 body 下方产生一个间隙(因此用户会看到整个模糊)
如果我删除模糊，则没有可滚动区域。但是我想要模糊 - 没有它看起来很糟糕。
我该怎么做？
最佳答案
你选择的原因有哪些
body {min-height: 100%;}
代替
body {height: 100%;}
顺便说一句，当您慢慢调整窗口大小时，它有时仍会在 Opera 12.0 中发生。有些州正在发生这种情况。我会说它一定会在代码中遇到诸如舍入错误之类的东西。
我还会略微增加底部的主体填充。
关于html - Opera 和 IE8 - 主体下方的间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11164171/