调暗 css 图片背景

Question

图像背后的背景，不使图像变暗。目前我有一个 html 这样的元素

<div className='new-offers-item-favourite' />

该元素具有线性渐变和为其设置的图像：

background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('http://res.cloudinary.com/wisdomabioye/image/upload/v1462961781/about_vbxvdi.jpg') no-repeat center center;

这也会影响实际图像，使其 0.3 在我需要纯白色时变得不透明。

有没有办法 w/o 将图像包装成 <div>？也许是 :after 伪元素。希望有一个 css 方式。

更新 1. 这个也试过了同样的效果。

background-image: url('/assets/images/new-offers-tem-favourite.3c611ec2.svg');
background-color: #000;
opacity: 0.5;

Answer 1

解决方法。

background-image: url('/assets/images/new-offers-item-favourite.3c611ec2.svg');
background-color: rgba(0, 0, 0, 0.5);

归功于@misorude。

调暗 css 图片背景

Darken css image background

css

background-image

opacity