iframe禁用悬停效果

时间:2016-02-12 04:17:51

标签: html css iframe hover

当您将鼠标悬停在iframe属性中时,我无法禁用该元素的效果。有什么办法可以解决当前的问题吗?

这是我的代码和原始解决方案:

iframe id="clock1" src="http://free.timeanddate.com/clock/i52azneg/n2253/szw110/szh110/hbw0/hfc000/cf100/hgr0/fav0/fiv0/mqcfff/mql15/mqw4/mqd94/mhcfff/mhl15/mhw4/mhd94/mmv0/hhcbbb/hmcddd/hsceee" frameborder="0" width="110" height="110"></iframe>

   script>

     $("iframe#clock1").contents().find("#hov").hide();

/script> 

2 个答案:

答案 0 :(得分:2)

此悬停效果来自原始网站。 您可以使用以下代码解决此问题。

<div title="Your title Here">
    <iframe id="clock1" src="http://free.timeanddate.com/clock/i52azneg/n2253/szw110/szh110/hbw0/hfc000/cf100/hgr0/fav0/fiv0/mqcfff/mql15/mqw4/mqd94/mhcfff/mhl15/mhw4/mhd94/mmv0/hhcbbb/hmcddd/hsceee" frameborder="0" width="110" height="110" style="pointer-events: none;"></iframe>
</div>

无论如何,我不推荐这个,因为这个消息是为开发者提供的。这在道德上是不正确的。

答案 1 :(得分:0)

简单的CSS可以解决问题:

myObject