CSS线性渐变垂直定位

Question

这是工作示例:

http://jsfiddle.net/nnrgu/1/

在这里我更改为 background-position:0px -70px 看看发生了什么:

http://jsfiddle.net/nnrgu/2/

linear-gradient，没了!

我做错了还是应该这样工作？如何将线性渐变与背景图像一起移动或保持线性渐变不可移动？

谢谢。

Answer 1

background-position: 0 -70px, 0 0;

成功了。由于您声明多个背景图像以逗号分隔，因此您可以为每个图像声明一个位置，也以逗号分隔。

http://jsfiddle.net/nnrgu/3/

我什至更喜欢速记:

background: <color> image1 position1 repeat1 attachment1, image2 position2 repeat2 attachment2, ... ;

这样可以清楚地知道哪个位置/重复属于哪个字符较少的图像。

_{旁注:当您将 0 作为值时，只需省略单位即可。}