Make iframe click-through, but not the iframe's body

Hardware and software discussion.
New Member
New Member
Posts: 1
Joined: Thu Nov 01, 2018 6:24 pm

Make iframe click-through, but not the iframe's body

Post by sivaprasad222 » Fri Nov 02, 2018 2:41 am

How can I make an iframe click-through, but make that iframe's body still be clickable?

I tried:

Code: Select all = '100%' = '100%' = 'block' = 'fixed' = 'transparent' = 'none' = '0'
iframe.frameborder = '0'
iframe.scrolling = 'no'
iframe.allowTransparency = 'true'
and inside of my I frame I'm using the following css:

html, body {
    /* background:none transparent; */
This results in body being visible (which is what I want), but it is click-through like the rest of the iframe. I want the body of the iframe to be clickable, but all the rest of the actual iframe element should be click-through.

The iframe is always bigger than the body inside of it.

Unfortunately I cannot access the the iframe content from the main site (so accessing the scrollHeight etc isn't possible), I can only change its actual source code.

User avatar
Liste AR Author
Liste AR Author
Posts: 15396
Joined: Sun Jan 17, 2010 4:00 am
Location: EasyList Forum

Post by smed79 » Fri Nov 02, 2018 6:01 pm

•► Before posting, to find your answer fast, read Forum « RULES » and use « Search »
••► Don't post clickable links » use inline text bbcode notation « [ C ] » or « [ code ] »
•••► Use, or to upload your screenshots