封面图片未出现在移动网站上，但工作正常

Question

我的个人网站在除移动设备之外的所有设备上都可以正常运行……当涉及到移动设备时，出于某种原因，网站的封面图片没有出现。相反，它只是一个白色背景。

这是我的带有封面照片的 div 的 css：

#cover-image {
  height:100%;
  background-image: url(images/meAndTheOcean.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

我在 head 标签中有这个：

<meta name="viewport" content="width=device-width, initial-scale=1">

这是 div #cover-image:

<div id="cover-image" >
  <nav class="cl-effect-1 container-fluid">
    <div id="nav-bar" class="nav1">
      <div class="col-sm-3 text-center"><a href="#about">About Me</a></div>
      <div class="col-sm-3 text-center"><a href="#work">Work Experience</a></div>
      <div class="col-sm-3 text-center"><a href="#projects">Projects</a></div>
      <div class="col-sm-3 text-center"><a href="#contact">Contact</a></div>
    </div>
  </nav>
  <div id="Name" class="container-fluid">
    <div class="col-xs-12" style="height:100px;"></div>
    <div class="col-md-6 text-center"><canvas id="FirstName"></canvas></div>
    <div class="col-md-6 text-center"><canvas id="LastName"></canvas></div>
  </div>
</div>

更奇怪的是，几周前它还可以在移动设备上运行，但由于某种原因它不再运行了……

任何建议都会有所帮助！谢谢！

Answer 1

这取决于您查看网站的移动设备，但问题可能来自后台附件：已修复，它在智能手机上并不总是能正常工作。

我不确定是否会导致图像完全消失，但你永远不知道 ;)