I got the same problem too. You set the display property of the div containing
the SELECT to none but the select inside still shows. You use zindex, it
doesn't care. The only clue i got from MSDN help is that select is a "windowed"
component. So it will stay on top. The way around that i used was to set
the display property of that select to none. If you have a complex page,
make a generic function which sets the display property of all select tags
to none by iterating over all children, if you find SELECT then display none
and calling the function again for all the children(Recursion).
one more problem now you may face is that suppose you had
in a layer 5 selects and only 3 were showing at that time when you switched
to another layer. you go to another layer and now have to manually set the
display property to none of the remaining 3 SELECTs. Now you come back to
the previous layer and you realize that you don't know which 3 selects were
the ones that were showing before. This is because on coming back, you will
have to set the display property to block but which 3 are the "chosen ones".
What i did was to have an expando property of each select called "chosen"
which was true for the 3 "chosen" selects( i set it true when i exited the
layer). SO when i have to set the display property to block, i will first
check the expando, if true then only set the SELECT to block. Hope it Helps.
If somebody has simpler or more elegant solution, please tell me too.
Jasdeep Singh
Mavens Software Solutions
New Delhi
India
"Andrea" <a.fantappie@sitimet.it> wrote:
>
>Hi guys
>I've done a complex web page that include input box, check box, drop down,
>and layers.
>My problem is that when i show a layer, all of the drop down (tag SELECT)
>still stay in front of all hiding part of the layers just showed. I've set
>the z-index property of layer at 1 but still don't work. Is a problem of
>IE5.5 or what??
>thanks to all