0

在http://www.duncannz.com我有一个问题只发生在歌剧 Opera v12.0 和 IE 8 之前的版本。如果您打开其中任何一个浏览器，请访问该网站并尝试向下滚动...它会。即使身体只有 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的. _ body_ 当您对 a 应用模糊时box-shadow，阴影会扩大。这种膨胀会导致阴影下降到身体下方，并且看不见。然而，旧版 Opera 和 IE8 中的这个故障导致身体下方的阴影模糊不清，而是创建了一个可滚动区域，以便您可以看到整个box-shadow.

如果不清楚，这里有一个演示- 将第一个值 - “角度”设置为0deg，将第三个值 - “模糊”设置为0px并查看。然后增加模糊，你会看到阴影的模糊在矩形下方。不幸的是，在 IE8 上，这种模糊会在身体下方产生一个间隙（因此用户可以看到整个模糊）

如果我删除模糊，则没有可滚动区域。但是我想要模糊 - 没有它看起来很可怕。

我该怎么做呢？

4

2 回答 2

1

你有什么理由选择

body {min-height: 100%;}

代替

body {height: 100%;}

顺便说一句，当您慢慢调整窗口大小时，它有时仍会在 Opera 12.0 中出现。有些州正在发生这种情况。我会说它必须在代码中遇到诸如舍入错误之类的东西。

我也会稍微增加底部的身体填充。

于 2012-06-29T15:06:58.480 回答
0

您需要删除 hr 的边距：

hr.blackhr {
  margin: 0px;
}

更一般地说，您需要的是CSS 重置来避免此类问题。

于 2012-06-22T21:27:29.567 回答