主要依托于bg-blend-multiply属性结合背景色实现,参考文档:Tailwind CSS 文档 - 背景混合模式
<div
:class="['bg-cover bg-center bg-black/60 bg-blend-multiply']"
:style="{ backgroundImage: `url(/xxx.png)` }"
>
</div>
Y
o
k
a
z
e
主要依托于bg-blend-multiply属性结合背景色实现,参考文档:Tailwind CSS 文档 - 背景混合模式
<div
:class="['bg-cover bg-center bg-black/60 bg-blend-multiply']"
:style="{ backgroundImage: `url(/xxx.png)` }"
>
</div>