Я создал слайдер на своем веб-сайте WordPress, и когда я проверил его отзывчивость, я заметил, что если я сохраню свой background-attachment: fixed;, он отменяет background-size: cover; только в браузере Microsoft.Я пытался ограничить этот CSS только для Google Chrome, но когда я проверяю край Microsoft, я замечаю, что мое ограничение CSS игнорируется.Любой способ исправить это?
Это проблемный CSS:
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1400px) {
.elementor-element .slick-slide-bg{
background-attachment:fixed;
background-size: cover !important;
}
}
Я заметил, что могу переместить фон на краю Microsoft с помощью background-position:center 85%;.Значения могут быть заменены, конечно.Но он будет постоянно увеличивать фоновое изображение моего слайдера, делая его странным и пиксельным.
Живой пример
Есть идеи, как его решить?