html - 点击链接在 iOS 中不显示图像

Question

我不能使用 JavaScript，因为它在我们的应用程序中已关闭，所以我在 Google 的某个地方发现了这个 hack。它在 Android 上运行良好，但在 iOS 上却不行。

当您单击“打开”时，它必须显示您的图像和链接“关闭”；当您单击“关闭”时，它必须隐藏图像并显示链接“打开”；

也可以在 JSFiddle 中工作：https ://jsfiddle.net/Ljuscaz8/

 <div id="show">
     <a href="#show" id="open" class="info-block-link"> Open</a>
     <div id="content">
         <a href="#hide" id="close" class="info-block-link-close"> Close </a>
     </div>
 </div>

这是CSS：

#content { 
    display: none !important;
}

#show:target #content {
    display: inline-block !important;
}

#show:target #open {
    display: none !important;
}

标签： htmlcssios

Answer 1

我刚刚在 Safari 中尝试过，效果很好。