Css 是"；top"；及；至顶部“；线性渐变的方向相同吗？

linear-gradient（）

的浏览器实现已经发展到支持

top

和

to top

作为锚定值。它们是相同的方向还是相反的方向？

它们是相反的

totop

使用元素底部的第一个颜色参数，而

top

使用元素顶部的第一个颜色参数

这是一个例子。MDN具有相同的方向。

它们的方向不同；它们是对立的

to top

是“从下到上”的缩写，而

top

表示“从上开始”。1这不仅适用于其他侧面，也适用于拐角，如

右上

和

左下

这两种定向关键字语法都记录在CSS Images level 3模块中，这就是为什么这么多实现在早期使用遗留语法的原因。使用遗留语法的最后一份公共工作草案是；您可以看到一个注释，它承认了它的完全模糊性，这最终导致在后续修订中使用关键字

to

。最新版本是

用于在其特定于供应商的

-*-linear-gradient（）

函数中指示线性渐变的方向，但应注意，标准化函数

linear-gradient（）

仅接受带有

to

关键字的新语法。（如果浏览器在unfixed函数中同时接受这两种语法，那么它要么已经过时，要么违反了规范，应该报告。）

另请注意，对于传统语法，默认方向为

top

，对于当前语法，默认方向为

到底部

。这意味着默认方向相同，并且不变

另外值得一提的是，如果使用，则需要在单独的声明中包含两个语法：

如果两个版本都包含，级联将执行其工作，如果不支持后一个版本，则忽略后一个版本：

background: linear-gradient(top, white, black);
background: linear-gradient(to bottom, white, black);

这两条语句都将仅在需要前缀的浏览器中加前缀，但不管如何，浏览器都将使用级联来确定它可以使用哪一条

---

---

1如果有一个

from

关键字，那么

top

和

from-top

就相当了。

你应该把剩下的前缀加到你的小提琴上。@BoltClock，你抓到我了。希望我能顺利通过。现在那里有很多品种。我没有被迫添加旧的webkit和ie咒语。哈哈，对不起，你会想避免遇到我的-我对这类事情很挑剔。我对你的答案投了更高的票，因为它是正确的，但我添加了我自己的答案来扩展这个话题。