在手机上更改背景图片

Question

我希望在移动设备上更改滑块上的背景图像，当在移动设备上打开时，显示的背景部分会使滑块文本无法读取。

@media (@max-width: 450px){
    .main_slider_item_bg {
        background-image:url("/images/web_phone.png")
    }

<div class="owl-item main_slider_item">
<div class="main_slider_item_bg " style="background-image:url(images/web.png)"></div>

我已经尝试过了，但是没有用。

Answer 1

您的解决方案在这里：

@media (max-width: 450px){
    .main_slider_item_bg {
        background-image:url("/images/web_phone.png")
    }
}

用括号括起来的内容将设备功能与您在规则内声明CSS属性时使用的语法相结合。