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

Question

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

出于某种原因，IE和Opera缺少一些功能：

1. 由于我之外的原因，邮政“岛屿”之间的灰色空间是白色的。
2. 岛上的阴影不见了（如果你在Firebug中查看我的CSS，你会发现我非常注意跨浏览器的问题！）。
3. 缺少圆角。我知道这是CSS3，但不应该有支持，因为我有现代浏览器。

另外，如果事实证明这些问题（特别是圆角）是不可能的，而不仅仅是CSS，你能不能给我一篇关于这样做的文章呢？

最重要的是，我首先要照顾岛屿之间那个愚蠢的白色空间。

感谢您的回答/意见！
（我很抱歉，如果有人觉得这篇文章不符合stackoverflow质量，但我尽了最大努力 - 我很担心灰色空间问题突然出现）

Answer 1

好吧，在您的测试页面上，您遇到了JavaScript错误“generatePharse（）Undefined”。 <div>有一个填充设置 - 因此嵌套表将无法达到100％w / h（如果这是目标）。那些相同的div在它们下面也有相当不错的余量 - 所以它们将无法边缘堆叠（再次，如果这是问题）。

看起来你在一个问题中有几个问题。所以，对不起，如果我错过了这里的标记。

Answer 2

白色背景的原因是因为在你设置的CSS中：

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

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

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