响应式视差滚动更改媒体查询的背景

Question

我正在创建一个视差滚动页面 一切正常，直到我在智能手机上打开页面。

我有媒体查询来更改布局 这是设置：

<div class="full_width_parallax">
     <div class="wrap_1280">
        <h1 class="intro-tagline">
           Content here
        </h1>
      </div>
 </div> 

CSS（桌面版）：

.full_width_parallax{
background:url(images/parallax-background/option-1.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.wrap_1280{ 
padding: 0 3% 0 3%;
background: #FFF;
opacity: 0.6;
margin: 0 70% 0 3%;
}

CSS（适用于移动版max-width:480px）

.full_width_parallax{
background:url(images/parallax-background/option-2.jpg) no-repeat center center fixed; 
}
.wrap_1280{ 
margin: 0 3% 0 3%;
}

因此，移动版本唯一改变的是背景图像和边距。 如果我在chrome（桌面）中检查移动版本并运行控制台，它会给我：

所以它应该有效但不是。
任何想法？

Answer 1

好。我此刻是最蠢的屁股......

移动版的样式表位于文件夹中 背景图像的CSS中的链接没有正确的路径......

background:url(images/parallax-background/option-2.jpg) no-repeat center center fixed;

应该是：
background:url(../images/parallax-background/option-3.jpg) no-repeat center center fixed;