This task pays a flat rate of $5 for anyone that can solve it.
The site we are working on is tedpenner.com.
You will be working with us at [login to view URL]
I will try to connect you with my developer when you write.
Here's what I'm trying:
<div style="background: transparent; z-index:9999!important;">
<iframe style="z-index:-2!important;" src="[login to view URL]" frameborder="0" width="380" height="637" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
the inline styles should override any css selector...
the idea here is that we put a transparent div over the top of the iframe. any clicks are absorbed by the div and never get to the iframe.
I got this to work properly when I entered the z-index stuff in the inspector in chrome
but when i put it into the code module, both the iframe and the surrounding div have z-index set to auto
when it's auto, the clicks still get to the iframe and you can flip pages
perhaps take this code and ask for help from a contractor, I seem to be stumped.