css - Safari 中是否存在线性渐变的错误？我得到了意想不到的结果

Question

当我使用以下代码时，我在许多教程中看到的形式基本相同：

body { 
    background-image: -webkit-gradient(linear, 
    0% 0%, 0% 100%, from(#000), to(#fff)); 
}

我得到这个结果（Safari 5.0.5）：

多个重复的 8px 渐变。

score 2 · Accepted Answer

回答我自己的问题：

上面的截图来自一个在正文中绝对没有内容的页面。显然对于 Safari，如果它是空的，身体是 8px 高？并且渐变也显示在整个视口上，即使只应用于身体......？

我很想有一个解释，但无论如何，修复是这样的：

html, body { height: 100%; }

因为由于某种原因body { height: 100%; }还不够。

score 1 · Accepted Answer

如果您从使用色标更改from()为to()使用色标会发生什么？

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #000),
    color-stop(1, #FFF)
);

它不应该重复，除非你使用-webkit-repeating-linear-gradient.

资源

2 回答 2