时间戳

首页 > 解决方案 > 点击 iphone 显示悬停效果

html - 点击 iphone 显示悬停效果

问题描述

我有一个有趣的问题，我真的希望有人能帮助解决这个问题。我创建了一个小提琴，它显示了我正在处理的网站上的代码。

问题：我有一个悬停效果，它显示了一个背景图像。在 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可以在小提琴中看到

标签： htmliosiphonehoverbackground-image

解决方案

我通过在金属物品中添加 onClick“return true” 自己解决了这个问题 :)

推荐阅读