Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
这是工作示例:
http://jsfiddle.net/nnrgu/1/
在这里我更改为 background-position:0px -70px 看看发生了什么:
http://jsfiddle.net/nnrgu/2/
线性梯度,它消失了!
我做错了还是应该以这种方式工作?如何将线性渐变与背景图像一起移动或保持线性渐变不可移动?
谢谢。
background-position: 0 -70px, 0 0;
成功了。由于您声明多个背景图像以逗号分隔,因此您可以为每个图像声明一个位置,也以逗号分隔。
http://jsfiddle.net/nnrgu/3/
我什至更喜欢简写:
background: <color> image1 position1 repeat1 attachment1, image2 position2 repeat2 attachment2, ... ;
这样就可以清楚地知道哪个位置/重复属于哪个字符较少的图像。
旁注:当你有0as 值时,只需省略单位。
0