CSS笔记：使用滤镜方式降低背景图片颜色

Tailwind

# CSS# Note

शब्दों की संख्या 518

लगभग समय लगता है 2 minutes

गुरु, 5 फ़रवरी 2026 को 11:45:00 UTC बजे

主要依托于bg-blend-multiply属性结合背景色实现，参考文档：Tailwind CSS 文档 - 背景混合模式

demo.vue

<div
  :class="['bg-cover bg-center bg-black/60 bg-blend-multiply']"
  :style="{ backgroundImage: `url(/xxx.png)` }"
>
  </div>