我有以下 CSS 代码:
div {
background: url('image-url'), linear-gradient(gradient), url('image-url-2');
background-blend-mode: blend-mode-1, blend-mode-2;
}
渐变或 url 背景的位置可以改变。我认为这应该对混合顺序有任何影响。我的问题是如何应用这些模式来计算最终值?
浏览器是先应用blend-mode-1
然后url('image-url')
再linear-gradient(gradient)
应用blend-mode-2
first 的结果,url('image-url-2')
还是反过来?
我使用正确数量的背景混合模式还是需要指定其中的 3 个?