Problema con z-index

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
18
Vicenza
Salve, ho un problema con z-index:
Come si può vedere qui, i box blu contenenti le icone se apro il menu non diventano opachi come il resto della pagina, e, ancora peggio, se faccio da mobile passano sopra la navbar e restano sopra al menu quando lo apro.
Ho provato a mettere z-index:-1 ma così facendo spariscono proprio perché sono all'interno di un altro contenitore.
Il codice incriminato è questo (le parti blu che restano sopra al menù hanno class="link-sx"):
HTML:
.links{width:90%;height:90%;margin:5%;background-color:white;border-radius:10px;}
  .ombre{box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
  .link-sx{width:20%;height:100%;background-color:blue;border-radius: 10px 0 0 10px;position:relative;}

<div class="conteni" style="height:150px;"><a href="sfide.php"><div class="links ombre"><div class="link-sx"><i class="fa fa-users fa-2x link-ic"></i></div></div></a></div>

Grazie mille e buona giornata
 
Ultima modifica:

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
18
Vicenza
Grazie della risposta, ho risolto gli errori in rosso, ne sono rimasti diversi in giallo ma purtroppo mi sa che non riguardano il mio problema di CSS.
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Problema opacity e z-index con immagine HTML e CSS 3
J Problema con questo errore Error was: Undefined index: title linea 9 PHP 21
L problema con l'Undefined index per una $_GET PHP 6
L Problema con Undefined index . PHP 1
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7
S Problema con mysqli_num_rows PHP 18
grgfede Problema javascript con aruba Javascript 1
M Problema con visibility e radio button Javascript 2
Marti1! Problema con casella mail cancellata Posta Elettronica 3
L [PHP] Problema con Telegram PHP 1
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
S Strano problema con i title su Google SEO e Posizionamento 3
P [ASP.Net] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font ASP.NET 4
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
N [Apache] problema con estensione php Apache 0
C [PHP] Problema con download file PHP 0
M [PHP] Problema con preg_match PHP 1
gandalf1959 [PHP] problema con l'utilizzo di Header PHP 3

Discussioni simili