Html Opencart背景图像/颜色错误

下午堆栈溢出

我的问题是我的网站

我正在使用一个用于背景图像的模块，它在台式计算机和iPad上工作得非常好，当移动用户浏览网站时，最大为4000px的背景图像会停止并显示白色背景。我与@media fixes打成平局，但运气不佳。我发现的唯一修复方法是覆盖内容区域，以消除顶部的滴水效果

再次感谢您，Steven解决方案： 1-给出

背景：#000到
正文
（媒体查询）

2-给出
背景尺寸：封面！重要的到
正文
（媒体查询）

你可以给我

#content { background-color:#000; padding-bottom:30px; }

移除

footer { margin-top:30px; }

提供的视觉效果与图像覆盖的效果相同。
您的背景没有响应，这就是问题所在。我建议尝试修复您的背景图像

background: url(http://www.vapescotts.co.uk/image/catalog/Background_Img/background_black.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

试着把这个放到你的网站上
正如您所见，它拾取图像并响应，背景中的所有内容都响应。
只需摆弄一下你的背景图像，让它变小，因为它从上到下切割了一半

编辑：

您的图像是1920x4252，请使用1920x1080或类似的图像。
谢谢您的帮助，为了节省剪辑时间，我还在“内容”框中添加了20px。再次感谢你
footer { margin-top:30px; }

background: url(http://www.vapescotts.co.uk/image/catalog/Background_Img/background_black.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;