这可能吗？单击 iframe 上的图像答案

【问题标题】：Is this possible? Click through an image on an iframe这可能吗？单击 iframe 上的图像
【发布时间】：2014-02-20 18:12:21
【问题描述】：

<iframe src="http://osu.ppy.sh/u/516595" style= width:100%;height:100% frameborder="0">

</iframe>
<style type="text/css">
body {
background-color: #d8da3d 
.iframe {position: relative;}
.iframe:<iframe> {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
</style> 

<div style="position:absolute;top:020px;left:000px;z-index:10;" >
    <img src="http://images.wikia.com/inciclopedia/images/3/32/Nieve.gif" >
</div>
<div style="position:absolute;top:020px;right:001px;z-index:10;">
    <img src="http://images.wikia.com/inciclopedia/images/3/32/Nieve.gif" >
</div>

这就是我的全部代码。我想要的是我可以点击“Nieve.gif”我不知道什么是错的，我可以或必须做什么才能使点击 gif 成为可能。并且可以使所有站点覆盖雪 gif 或雨 gif 更好吗？我怎样才能“擦除”出现的白色部分？ :( 该网站不是我的，这就是我使用 iframe 的原因请人们帮助我:(我不会说英语

【问题讨论】：

标签： css iframe click png

【解决方案1】：

试试这个。将pointer-events:none; 样式添加到您的 div。在铬上测试。

<div style="position:absolute;top:020px;left:000px;z-index:10;pointer-events:none" >
<img src="http://images.wikia.com/inciclopedia/images/3/32/Nieve.gif" >
</div>
<div style="position:absolute;top:020px;right:001px;z-index:10;pointer-events:none">
<img src="http://images.wikia.com/inciclopedia/images/3/32/Nieve.gif" >
</div>

在这篇文章中查看这个答案：

https://stackoverflow.com/a/4839672/589909

它似乎可以做到我理解你想要使用纯跨浏览器 CSS 方法实现的目标。

指针事件：无；

我从Jquery pass click through element复制分析器

【讨论】：