css 背景图像不透明度/叠加

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 背景图像不透明度/叠加相关的知识,希望对你有一定的参考价值。

.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../img/bg-hero.jpg') no-repeat center center / cover;
}

以上是关于css 背景图像不透明度/叠加的主要内容,如果未能解决你的问题,请参考以下文章

CSS:带有渐变“叠加”的背景图像

如何在背景图像上添加叠加不透明度? [复制]

图像叠加层上的 CSS 不透明度 [重复]

如何使用 CSS 为图像添加低调(黑色、透明叠加)效果?

在 html/css 中实现白色不透明效果

不透明度为 0.5 的 CSS 背景图像