Topic: Opera, positioned elements and Forms. (Page 1 of 1)

Anyone else ever notice how Opera always displays radio buttons in front of everything else!

I've tried everything to get around this. I've frigged with the z-index values... even tried setting negative ones but it still won't work.

It's just one layer (Positioned Div), with an image in it, above a form with a bunch of radio buttons but the little radio button bit just sits on top of everything else!

Anyone know a way around this one? It's got me stumped.

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

I thought IE did this too. The problem is that form elements, in a way similar to things like Flash and Java applets, aren't thought of by the browser the same way. They have to rely on something else to render the content (for instance, it trusts the flash plugin to tell it what a flash element should look like, it trusts some sort of java-related program to tell it what an applet should look like, and it trusts the operating system to tell it what a form element should look like). It then takes this content and just sticks it, visually right on top of everything else, where it should be on the page.

You'll have to work around it. If you can easily avoid the usage of form elements, then do that. If not, then you might try setting visibility:hidden; for any form element that's not supposed to be visible - that will require manually checking their position.

Sorry, there's no real easy solution.

Thanks for the advice guys.

Although I just think I'd rather say, 'screw Opera' than try and hide individual form elements when my positioned content moves over it.

It was only a demo script anyhow.