android - 图片在 iPhone 上不起作用，但在 Android 上可以吗？

Question

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

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

    .img1:active {
      opacity: 1;
    }

HTML code with class .img1

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

Answer 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>

点击文字底部显示图片!