iframe 禁用悬停效果

Question

当您将鼠标悬停在 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>

Answer 1

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

<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>

无论如何我不推荐这个，因为这个消息是为了给开发者点赞。这在道德上是不正确的。

Answer 2

简单 CSS 就可以了：

pointer-events: none

iframe 禁用悬停效果

iframe disable on hover effect

html

css

iframe

hover