属性background-attachment:fixed;覆盖Microsoft Edge上的其他属性

时间:2018-12-03 18:27:23

标签: css wordpress slider microsoft-edge responsiveness

我在wordpress网站上创建了一个滑块,当我检查它的响应能力时,我注意到,如果我将background-attachment: fixed;保留为background-size: cover;,则仅在Microsoft Edge浏览器上有效。我试图将此CSS限制为Google Chrome,但是当我检查Microsoft Edge时,我注意到我的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;
    }
}

我注意到我可以使用background-position:center 85%;在Microsoft Edge上移动背景。这些值当然可以替换。但是它会不断放大滑块的背景图像,使其看起来很奇怪和像素化。

Live example

有什么办法解决吗?

0 个答案:

没有答案