html - 为什么在 IE 和 Opera 中我的 div 之间没有显示页面背景色？

Question

它甚至是 IE 9，这让我很吃惊。无论如何，如果您查看 http://www.ethoma.com/testhome.php在 Firefox/Chrome 上，您可以看到我想要的一般外观。

由于某些原因，IE 和 Opera 缺少一些功能:

1. 出于我无法理解的原因，帖子“岛屿”之间的灰色空间是白色的。
2. 岛上的阴影不见了(如果您在 Firebug 中查看我的 CSS，您会发现我非常注意跨浏览器问题!)。
3. 缺少圆 Angular 。我知道这是 CSS3，但不应该支持，因为我有现代浏览器。

此外，如果事实证明这些问题(特别是圆 Angular )不比 CSS 更多的努力是不可能的，请给我链接一篇关于用困难的方法解决它的文章吗？

但最重要的是，我首先要处理岛屿之间那 block 愚蠢的空白区域。

感谢您的任何回答/意见!
(如果有人觉得这篇文章达不到 stackoverflow 的质量，我很抱歉，但我已经尽力了——我很担心灰色空间问题的出现)

Answer 1

白色背景的原因是因为您在 CSS 中设置了:

.hhshomebody {
    background-color: #FFFFFF; /* DELETE THIS */
    min-height: 75%;
    width: 100%;
}

如果您从该规则中删除背景颜色，您的背景将在 IE 和 Opera 中固定。

IE9 中的问题是由于兼容模式，它将浏览器切换到 IE7 标准模式。在 IE9 之前 box-shadow 和 border-radius 不被支持，这就是为什么你不会看到它们。要关闭它，请单击刷新图标旁边的小破纸图标，使其变灰。一旦进入 IE9 标准模式，您描述的问题将得到修复。