我有一个有趣的问题，我真的希望有人可以帮助解决。 我创建了一个小提琴，其中显示了我正在使用的网站上的代码。

问题： 我有一个悬停效果，可以显示背景图像。在android上，单击也可以显示图像，但是在iPhone上不起作用。有谁知道该如何解决？我只想单击一下即可显示图像-没有链接或其他任何内容：）

小提琴在这里：https://jsfiddle.net/tLojh36u/

<div class="row no-gutters">
    <div class="col-md-8 mx-auto">
      <h2 class="pt-5 text-uppercase">Krom & Nikkellegeringer</h2>
      <div class="metal-container d-flex flex-wrap">
        <div id="krom1" class="metal-item text-center flex-column shadow-sm">
          <h3>Rustfri stål 304</h3>
        </div>
        <div id="krom2" class="metal-item text-center flex-column shadow-sm">
          <h3>Rustfri stål 316</h3>
        </div>
        <div id="krom3" class="metal-item text-center flex-column shadow-sm">
          <h3>Rustfri spåner</h3>
        </div>
        <div id="krom5" class="metal-item text-center flex-column shadow-sm">
          <h3>Kromstål</h3>
        </div>

      </div>
    </div>
  </div>

可以在小提琴中看到CSS