0

也许有人可以告诉我我是否遇到了一个奇怪的边缘案例 Safari 错误，或者我的 CSS 中遗漏了一些东西。

基本上，我网站的登录页面（http://www.seanmichael.me/test/kodiak/）仅在 Safari（6.0.5）中没有显示设置的背景（它只是显示白色背景）。我对此感到惊讶，因为我在这种类型的 css 中使用过类似的整页背景图像并且从未遇到过这个问题。代码设置在 body 元素上，如下所示：

body {
    background: url("img/landing-bg.jpg") #2c5277 no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

我检查了我的 css 并且没有任何错误，所以我花了很多时间在开发工具中弄乱 CSS 以找到解决方案。奇怪的是，解决我的问题的编辑是在 html 元素上设置背景颜色属性。我很高兴它有效，但仍然对为什么会发生这种情况感到困惑。如果您有解释，请告诉我。

谢谢你，肖恩

4

1 回答 1

0

在另一个客户端站点上发生相同的问题后，我能够找出问题所在。我仍然不确定这是否是 Safari 中的错误，但问题如下：

当同时使用 _ 的（下划线）WordPress 入门主题和 Modernizr 时，主题中的默认 css 会在 html 元素本身上放置一个 clearfix（不是故意的）。出于某种原因，在 Safari 中将 html 元素的伪元素（之前和之后）设置为显示表格会导致 html 元素本身覆盖页面上的所有内容（默认设置为白色）。您可以在 github 页面上的https://github.com/Automattic/_s/issues/212中查看 _ 主题的票证。

于 2013-08-13T22:17:34.503 回答