html - 现代 2014 年第二季度起浏览器中的背景图片？

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

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

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

前

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

http://jsfiddle.net/zzbfzd1L/