Html iframe禁用悬停效果

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

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#clock1”）.contents（）.find（“#hov”）.hide（）；
/脚本>

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

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

---

无论如何，我不建议这样做，因为这是为了给开发者带来荣誉。这在道德上是不正确的。

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

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

---

无论如何，我不建议这样做，因为这是为了给开发者带来荣誉。这在道德上是不正确的。

简单的CSS可以做到：

pointer-events: none

---

简单CSS实现了以下功能：

pointer-events: none

---

为什么不试试#clock#hov:hover{display:none；}@YagnikDetroja，我已经试过这个方法了，但是不管用为什么不试试#clock#hov:hover{display:none；}@YagnikDetroja，我已经试过这个方法了，但是不管用谢谢，它阻止了所有指针事件，我明白了，但是现在我怎么能只为这个iframe添加title元素呢？比如？？谢谢，它阻止了所有指针事件，我明白了，但是现在我怎么能只为这个iframe添加title元素呢？喜欢