CODEWITHSUNDEEP
htmlcssiframehover
Frankie Rush
Frankie Rush

Reputation: 3

iframe disable on hover effect

i couldnot disable effect of the element within iframe attribute when you hover on it. are there any alternatives to solve the current problem ??

here is my code and raw solution:

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>

Upvotes: 0

Views: 6979

Answers (2)

Ben Bieler
Ben Bieler

Reputation: 1588

Simple CSS does the trick: 

pointer-events: none

Upvotes: 1

Nuwan Chinthana
Nuwan Chinthana

Reputation: 135

This hover effect is coming from the original website. You can solve this using following code. 

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

Anyway I don't recommend this because the message is to give credit for the developer. This is not ethically correct.

Upvotes: 5

Related Questions