访问的超链接背景在移动设备上消失

Question

我有2个背景图片作为超链接。当我访问移动设备上的任何超链接并返回包含超链接的页面时，访问的超链接的图像将消失。但是，背景图像所在的区域仍然可以点击。

这是我的HTML：

<div class="container">
  <a class="div1" href="page1" id="id1">smth</a>
  <a class="div2" href="page2" id="id2">smth</a>
</div>

这是我的CSS：

.container {
  margin: auto;
  width: 82%;
  height: 100%;
}

.div1, .div2 {
  display: block;
  margin-top: 2em;
  width: 100%;
  height: 16.7vw;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.div1 {
  background-position: 50% 50%;
  background-image: url('../images/img1.svg');
}

.div2 {
  background-position: 50% 0%;
  background-image: url('../images/img2.svg');
}

.div1:hover {
  background-image: url('../images/img3.svg');
}

.div2:hover {
  background-image: url('../images/img4.svg');
}

计算机上似乎没有问题。我已经使用Chrome和Safari进行了测试。 我的手机是使用Safari的iPhone 6S，带有最新的iOS。

有没有办法让背景消失？