Problema proprietà z-index non funziona con le celle
Autore: Rino D.
Visite 953,
Followers 2,
Condiviso 0
Salve
dunque nel body della mia pagina ho creato una cella superiore di tipo oggetto html(chiamiamolo per comodita' A),nello style di tale oggetto ho definito posizione fissa e z-index : 1000; l'elemento sottostante(chiamiamolo B) e' di tipo testo...l'effetto ottenuto non e' quello che avrei voluto perche' quando sono in modalità responsive facendo scorrere la pagina l'elemento B passa sopra ad A nonostante A e' impostato con z-index:1000; allego un esempio iwzip compresso.
Come risolvo la questione?Grazie
Postato il
Autore
ho notato che se uso l' id #imCell_1
#imCell_1 {position:fixed;z-index:1000; } funziona ma io vorrei utilizzare il mio id
... non posso scaricare, ma se metti il link del tuo esempio online sarebbe più semplice da decifrare...
... se il tuo DIV lo chiami A, o gli assegni lo STYLE in linea, oppure tramite il TAG STYLE in HEAD o in esperto/CSS dello stesso oggetto lo devi indicare così: #A {codice}
.
Autore
Ciao Kol. non ho il sito on-line sto facendo semplicemente dei test off-line ...il codice e' inoltre scritto in modo corretto..
per ora ho risolto,anche se la cosa mi comporta + lavoro,utilizzando
#imCell_1 {position:fixed;z-index:1000; }
solo che non ho ancora capisco in che modo viene generato l'indice #imCell_1 ..#imCell_2 ,....#imCell_n ...forse in base alla creazione dell'elemento e non alla disposizione che l'elemento "oggetto" occupa sulla griglia dell'interfaccia grafica di website.... non so se hai informazioni in tal senso.... grazie e salutoni..
Rino
... apri il sorgente del codice HTML, e vedrai tutti gli enti coinvolti...
... nome e numerazione sono relativi al tipo di oggetto che inserisci nella griglia...
... se ispezioni il file template.css vedrai lo stile applicato ai vari DIV...
... è sempre bene esportare sempre in RETE per effettuare TEST reali delle prove effettuate, non occorre nessun impegno particolare, magari esporta su spazio free Altervista, come fanno in tanti...
.