layers and form tags

J

Johan Louwers

I have a strange problem, I use a layer as a menu that apears when you
go over a image with your mouse. When I do so the menu layer
appears.... This all works fine buth.....

When there is a form item under the the layer this form item is still
visible through the layer while te rest of the items on the page like
images and text are not visible because the layer is on top of
them.....


How is it possible that form items are still visible through a layer?
And what can I do about this?


Regards,
Johan Louwers.
 
R

rf

Johan Louwers said:
I have a strange problem, I use a layer

Surely you mean a said:
as a menu that apears when you
go over a image with your mouse. When I do so the menu layer
appears.... This all works fine buth.....

But it doesn't work when javascript is unavailable?
When there is a form item under the the layer this form item is still
visible through the layer while te rest of the items on the page like
images and text are not visible because the layer is on top of
them.....

Yep. This is how form elements work. Some of them are seperate operating
system controls and so always live above the browsers canvas. There is
nothing you can do to change this.
How is it possible that form items are still visible through a layer?

See above.
And what can I do about this?

Nothing.

However, you can cause your form to disappear when the menu div is visible
or you can ensure that the form is never under the menu div.

Cheers
Richard.
 
S

SpaceGirl

Johan Louwers said:
I have a strange problem, I use a layer as a menu that apears when you
go over a image with your mouse. When I do so the menu layer
appears.... This all works fine buth.....

When there is a form item under the the layer this form item is still
visible through the layer while te rest of the items on the page like
images and text are not visible because the layer is on top of
them.....


How is it possible that form items are still visible through a layer?
And what can I do about this?


Regards,
Johan Louwers.

The trick is to hide the layers containing form elements when something is
over the top of them. Simply covering them with another layer (DIV) doesn't
work. Hide them by setting the visibility to hidden in CSS on that layer.
 
H

Hywel Jenkins

Johan Louwers said:
I have a strange problem, I use a layer as a menu that apears when you
go over a image with your mouse. When I do so the menu layer
appears.... This all works fine buth.....

When there is a form item under the the layer this form item is still
visible through the layer while te rest of the items on the page like
images and text are not visible because the layer is on top of
them.....


How is it possible that form items are still visible through a layer?
And what can I do about this?

Which form element? If it's a select element you may have to resort
to hiding it - they're always on top because they're OS controls, not
browser features.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top