css - 这可能吗？单击 iframe 上的图像

Question

<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 的原因请人们帮助我 :( 我不会说英语

Answer 1

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

<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 复制了答案