Is it possible to click through layers?

Clicking through layers

[trencej]

This is something that I thought would have worked "out of the box" as it were, but after building my interface, found out this was not to be the case.

I have an interface that has a central iframe for the content. But as I wanted to have nice rounded inner corners, I thought I could take those graphics, and put them in a layer above the frame. Click below to see what I mean.

<snip>

(This has only been tested in ie6, plus it is running from home, so the speed will not be up to normal standards, so apologies in advance. Also, only the first two links work at the moment, it is still under construction)

So you see my problem. Is there anyway to make clicks pass through layers where there are not images? Or any other ideas as to how I could achieve this effect. Any help would be much appreciated.

Trence J

[edited by: korkus2000 at 2:21 am (utc) on Sep. 5, 2003]
[edit reason] No personal URLS please [/edit]

[SMXwebcrawler]

Why not just put the IFrame in a table with a border / the corners in it. That way you dont need to put a layer in.

[Purple Martin]

Why not just use CSS positioning to give the IFrame a border with corners.

[MonkeeSage]

[kalsey.com...]

Jordan

[trencej]

Thanks muchly for your replys, Especially that last, CSS Suggestion, that will come in handy in the future.

Sadly though, i feel my original thought that this cant be done must be true. The reason i was wanting an layer above, was because if you looked on the site, the bottom of the logo, and the blade in the bottom left were transparent gifs, and wanted you to able to see the scrolling content through the gaps. I should have mentioned this in the original message really. Sorry.

But thanks again for your speedy replys.

Trence J

[TGecho]

I think this may be possible. The key is position:absolute.

Put an image for each corner (or a div with a background) in the document your iframe is pointing at.

Then define classes roughly like this for each one.

img.topleft {
position : fixed;
z-index : 1;
top : 0;
left : 0;
}

That's the ideal, nice and simple.

Now, of course IE comes in to make things complicated. Search for position:fixed on ww and you'll find a thread where they figured out how to make it work.

So if it's really important, you can do it.