如何使用CSS设置背景图像的不透明度?

尼采什

我需要为背景图像设置不透明度,并且需要在图像中使用纯文本。为此,我经历了几种方法,但没有找到满足我要求的解决方案。您能建议我为此目的最好的方法吗?最后,我想要的是一个像这样的div。在此处输入图片说明

我经历了很多解决方案,但是大多数解决方案都设置了div内容和背景的不透明度。但是我需要在div内有一个固定的内容,如图所示。

吉姆·法哈德(Jim Fahad)

使用线性然后是背景图片的网址,类似这样

element {
  background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.8)) repeat scroll 0 0, rgba(0, 0, 0, 0) url("yourImageURL.jpg") repeat scroll center center;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用CSS为div的背景图像设置不透明度或降低亮度

如何使用 CSS 提供整页背景图像并控制其不透明度?

如何更改背景图像的不透明度?

如何仅将 CSS 中的背景图像设置为不透明度而不是其他任何内容

使用插件将所有背景图像的不透明度设置为0

尝试使用 css 为背景图像添加不透明度

使用CSS更改背景图像的不透明度

背景图像不透明度问题

我们是否可以设置面板背景图像的不透明度?

使用js更改背景图像不透明度而不影响前景图像

带旋转,重复和不透明度的CSS背景图像

css背景图像部分宽度不透明度

CSS3 不透明度属性到背景图像之一

如何更改正文标签背景图像的不透明度

如何仅更改背景图像的不透明度?

如何快速编辑背景图像不透明度

设置窗口图像背景的不透明度属性

无法在我的背景图像上使用不透明度

使用伪元素:: before在Div中显示低不透明度背景图像

使用两个背景图像并动态修改不透明度

使用ggmap设置背景图的不透明度

如何使用Magick ++将具有透明背景的png图像设置为不透明度

CSS背景不透明度

使用DoubleAnimation设置图像不透明度

使用CSS更改背景不透明度

如何为网格背景而不是网格中的控件设置图像的不透明度动画?

背景图像的不透明度和灰度滤镜。使它黑白透明

我可以在同一属性中设置背景图像和不透明度吗?

延迟背景颜色的不透明度,直到加载背景图像