Фон позади изображения без затемнения изображения.
В настоящее время у меня есть элемент 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
непрозрачным, когда оно мне нужно, - чистый белый.
Есть ли способ сделать это без обертывания изображения в <div>
? Может быть, :after
псевдоэлемент. Жаль, что не было пути CSS.
Обновление 1.
Пробовал это тоже. Тот же эффект.
background-image: url('/assets/images/new-offers-tem-favourite.3c611ec2.svg');
background-color: #000;
opacity: 0.5;