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

尝试This.Add 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

复制anser

这可能吗？点击iframe上的图片

1 个答案: