Question

我正在尝试设置CSS按钮的背景图像。这是我正在使用的CSS：

    background-image: -moz-linear-gradient(top,#fff,#d9d9d9);
    background-image: -webkit-linear-gradient(top,#fff,#d9d9d9);
    background-image: -o-linear-gradient(top,#fff,#d9d9d9);
    background-image: -ms-linear-gradient(top,#fff,#d9d9d9);
    background-image: linear-gradient(top,#fff,#d9d9d9);

有人可以告诉我，如果我使用最新的浏览器，我仍然需要所有这些供应商细节。有一点我注意到了，但也许我错了。只使用最新的Chrome浏览器中的最后一个似乎不起作用。这是否意味着我的规范是错误的？

Answer 1

不，您不需要供应商特定的标签。

您可以在此处查看对浏览器的支持： http://caniuse.com/#search=linear-gradient

其次，设置背景属性，而不是背景图像。

最后，线性渐变属性的方向应更改为“to bottom”以匹配css 3标准。可以在浏览器支持部分找到更多信息：http://css-tricks.com/css3-gradients/

实施例

background: linear-gradient(to bottom,#ffffff,#d9d9d9);

http://jsfiddle.net/zzbfzd1L/

现代2014 Q2的浏览器背景图片？

1 个答案: