Html 隐藏滑块图像而不删除

尝试在移动屏幕中隐藏滑块背景图像：

@media screen and (max-width: 800px){
.home #mainSliderWrapper {
    background-image: none;
}
.stlye {
    background-image: none;
}
.img--holder {
    background-image:none;
}
}

没用，有人能帮我吗？该网站是： id是MainSliderRapper。 我是否使用了错误的类和id

尝试一下这些：

@media screen and (max-width: 800px){
.home #mainSliderWrapper {
    background: none !important;
}
 #mainSliderWrapper #mainSlider .slide .img--holder {
    background-image:none;
}
#mainSlider .slide .img--holder {
    background-image:none;
}
#mainSlider .img--holder{
    background-image: none;
}
}

不起作用

试试看： @介质（最大宽度：800px）和（最小宽度：0px） 使用background，而不是background图像，因为在代码中它是background，有CSS规则

.home #mainSliderWrapper{
  background: 'imageURL' !important;
}

你必须用你的！重要的自定义规则：

$('.home #mainSliderWrapper').css('{ background: none !important }');

---

欢迎来到堆栈溢出！请张贴您的滑块以及HTML。如果你修复了这个链接，这个问题对未来的访问者来说将毫无用处。请阅读：您正在使用

！重要信息

在您的背景图像样式上，因此您还必须使用

！重要信息

关于您的手机款式。把

放进去是不好的做法！重要信息

关于每种样式。。。然后它就失去了它的目的。我建议删除

！重要信息