图片不能在 iPhone 上使用，但它们可以在 Android 上使用？答案

【问题标题】：Images don't work on iPhone but they do work on Android?图片不能在 iPhone 上使用，但它们可以在 Android 上使用？
【发布时间】：2018-12-17 07:54:43
【问题描述】：

CSS，用户按下一个点，应该会出现一个图像

 .img1 {
      background: url(../images/11.jpg)100% 100%/100% no-repeat;
      opacity: 0;
      height: 100px;
      width: 38%;
    }

    .img1:active {
      opacity: 1;
    }

带有 .img1 类的 HTML 代码

<div class="electronic">
      <p>CONTABILIDAD ELECTRONIC</p> <div class="img1> </div>
    </div>

【问题讨论】：

你的代码没有做任何事情，因为没有类为“img1”的元素。
我忘了写下来，但我确实使用了一个元素

标签： android html css iphone

【解决方案1】：

试试这个：

 .img1 {
      background: url('/file.jpg')100% 100%/100% no-repeat;
      opacity: 0;
      height: 100px;
      width: 38%;
    }

    .img1:hover {
      opacity: 1;
    }

<div class="electronic">
      <p>CONTABILIDAD ELECTRONIC</p><div class="img1"> </div>
    </div>

在文本底部单击时显示图像！

【讨论】：

【解决方案2】：

我解决了，我想分享解决方案： https://developer.mozilla.org/en-US/docs/Web/Events/touchstart 我使用了一个名为 touchstart 的 JavaScript 事件，它神奇地适用于 IOS

【讨论】：