form elements and overlapping images

liunx

Guest
I am trying to make a select box appear to be a choice of images... when I try and position the image relative to where it really is and then set the z-index of the select box and the image correctly so the image is on top it doesn't work... can the select box never be underneath of stuff? or is it just how I am trying to do it.That I am aware of, nothing can go over the selections in the select box. So, maybe you could have the images pop up next to the selection, or have them pop up when the user selects one of them. That's all I can offer on the subject, sorry if it's not much help. Later...Select boxes always appear on top because they are rendered in the window layer of a browser (in IE anyway). The window layer is "nearest" to the viewer. A simple explanation of the layers (From "nearest" to the user:

******************************
| "Computer screen" (The user)
******************************
| Window (Select boxes rendered here)
******************************
| Frame
******************************
| Document
******************************
| Document flow (CSS layers)
| Floated / Inline elements (Images and text rendered here)
| ----------------------------------------------------------------
| Block level elements
******************************toicontien tahnks for the explanation, so what else is rendered in the window layer and if you know... why is it rendered there. I guess I will just put a button object with an image in it next to a picture... unless you may have any suggestions for something that would work more like the select box... to better help you understand I was orriginally going to have the select box and when you click it it uses createPopup and pops a window up over the selection list part of the select image... so I guess I will just have the buton and image thing with the same concept.

thanks again :D
 
Back
Top