Making an iframe viewable but not "clickable" in IE. Possible?
It's been a while since I've been stumped over a HTML/CSS issue, but this one's got me!
Basically, I've got a project that requires an iframe that's viewable, but not "clickable" (in other words, if the user tries to click inside the iframe, nothing should happen).
So what I've done is layer a transparent div on top of the iframe using absolute positioning and z-index. This works perfectly in every browser... EXCEPT for IE!
So... any ideas for getting IE to cooperate?
Here's the HTML...
<!-- Container --> <div style="width: 600px; height: 400px;"> <!-- iFrame --> <iframe src="http://www.website.com" style="width: 600px; height: 400px;"></iframe> <!-- Transparent div> --> <div style="background-color: transparent; top: 0px; left: 0px; position: absolute; width: 600px; height: 400px; z-index:9999"> </div> </div>
The Future of The Web