Question

我希望当你将鼠标悬停在iframe /超链接内的部分上时，动画将起作用。目前没有任何反应我已将 website上的div的宽度略宽，以便您可以看到鼠标悬停在事件（动作）上应该做什么。

Html（视频）：

<div id="box3" onmouseout="$('#box3').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'fast')"
    onmousemove="$('#box3').stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast')" style="top: 0px;
width: 710px;
box-shadow: 10px 10px 15px 0px rgb(102, 102, 102);">
<iframe width="700" height="525" id="under" src="http://www.youtube.com/embed/LRo-L9zYf-M" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

我尝试使用css和z-index在iframe前放置另一个div，但这不起作用

的CSS：

#under {
width: 100%;
height: 100%;
position: relative;

}

#box3 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;

}

#box3 {
z-index: 10;

非常感谢任何想法

由于

Answer 1

您无法使用Javascript从其他域访问iFrame的内容。所有现代浏览器都将其作为安全功能，以防止您窃取信用卡信息。据我所知，没有办法解决这个问题。

如何使Iframe中的事件与处理程序一起工作？

1 个答案: