如何混合两个背景图像,重复和非重复一个?

时间:2016-08-21 23:08:15

标签: css image background sass background-image

我需要使用多重混合模式混合两个背景图像,但不应重复第一个图像,应重复第二个图像,因为它是一个模式。

如何使用SASS(CSS)进行操作?

1 个答案:

答案 0 :(得分:0)

background: url('img1.jpg'),url('img2.jpg');
background-repeat: no-repeat, repeat;
background-blend-mode: multiply;

这是大多数与背景图片相关的属性的工作方式,包括background-sizebackground-position;如果指定了多个图像(逗号分隔的URL列表,如图所示),则可以列出每个图像的属性。订单会匹配,在我们的示例中,img1.jpg将不会重复,img2.jpg将会重复。