Вопрос с мобильной версией
У меня на сайте есть слайдер, написал его сам. Чтобы затемнить картинку, наложил псевдоэлемент ::before на картинку. При просмотре с мобильного, этот затемнённый фон не отображается. Как исправить эту проблему?
Ответы (1 шт):
Автор решения: artomich
→ Ссылка
Чтобы затемнить картинку, можно использовать filter: brightness(n%). Это будет рациональней и, вероятно, утянет проблемы с отображением на разных устройствах, хотя бы потому что дополнительных элементов не создается. Пример:
css:
.image {
width: 250px;
height: 400px;
background-image: url('https://images.app.goo.gl/bicMRQgxerhyfAUH9');
filter: brightness(75%);
}