css - CSS背景颜色在chrome中不起作用

Question

我在这里得到了这个背景颜色

-moz-linear-gradient(center top , #0043A1 0%, #0043A1 100%) repeat scroll 0 0 transparent;

但它在谷歌浏览器中不起作用，关于如何修复它的任何想法？

谢谢，J

Answer 1

用。。。来代替

linear-gradient(center top , #0043A1 0%, #0043A1 100%) repeat scroll 0 0 transparent;

-moz-* css 属性特定于 mozilla。它们在属性未标准化时很有用，但现在（使用 CSS3）您可以使用标准化的linear-gradient.

甚至 Mozilla 文档现在也记录了linear-gradient。

Answer 2

将此用于 Chrome 和 Safari 浏览器：

-webkit-linear-gradient

并将其用于 Mozilla (Firefox)：

-moz-linear-gradient

您可能会喜欢网站CSS3Please！它可以让你看到如何应用所有这些不同的属性，并为所有浏览器生成代码（甚至是 Opera，大多数人经常忘记但他们真的不应该这样做。一个顽固的 Opera 用户这么说。）还有ColorZilla 的渐变生成器，我发现它不太直观......但它也确实生成了 CSS styledef。