Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    27

    div sovrapposto ad una select

    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

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    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).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    27
    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!

  4. #4
    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)

    Luca Mascaro
    Usability e Accessibility Engineer, User Interface Designer/Engineer
    NOW BLOG
    W3C HTML & WCAG WG Member for IWA/HWG

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.