div sovrapposto ad una select

[Master81]

In un'applicazione mi ritrovo con dei div nascosti che in certi casi diventano visibili; il problema è che quando ci sono delle tendine (select/option), non riesco in nessun modo a sovrapporre il div a tale tendina

Cioè, la tendina rimane sempre in primo piano, non c'è nulla da fare...

Ecco un esempio:

<select name="selTendina" id="selTendina" style="width:65px;">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

<div style="border:2px solid black; position:absolute; top:20px; left:20px; background:gray; width:100 px; height:100 px; z-index:10;">
ciao 18/10/2004
</div>

Qualcuno mi sa aiutare ?

Grazie

[Mich_]

Tempo fa era stato detto in qualche forum di inserire la select dentro un suo <div> e settare z-index dei due div in modo appropriato.

Non so se questo funziona in tutti i browser, e se e` ancora valido (per i nuvoi browser).

[Master81]

Con i z-index ho provato in tutti i modi senza riuscirci.
Cmq ho risolto utilizzando un IFRAME che abbia un z-index maggiore di quello della select e minore di quello del div, e le stesse dimensioni del div.

In pratica, ho aggiunto questo al codice:

<iframe id="fraHide" src="" style="width:100px;height:100px;position:absolute; top:20;left:20;visibility:visible;z-index:9;"></iframe>

In questo modo la tendina viene perfettamente coperta!

[blakwolf]

altro trucco che però variava nel comportamento sulla base della struttura è quello di dare alla select un id con z-index: 1; e dare alla tendina uno z-index:1000; (sembra che di default le select abbiamo 999 di z-index)