我需要使用多重混合模式混合两个背景图像,但不应重复第一个图像,应重复第二个图像,因为它是一个模式。
如何使用SASS(CSS)进行操作?
答案 0 :(得分:0)
background: url('img1.jpg'),url('img2.jpg');
background-repeat: no-repeat, repeat;
background-blend-mode: multiply;
这是大多数与背景图片相关的属性的工作方式,包括background-size
和background-position
;如果指定了多个图像(逗号分隔的URL列表,如图所示),则可以列出每个图像的属性。订单会匹配,在我们的示例中,img1.jpg
将不会重复,img2.jpg
将会重复。