PROBLEMA Sfondo che cambia al passaggio del mouse

Haidakan

Nuovo Utente
125
2
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
HDD
TOSHIBA DT01ACA100
RAM
8 GB DDR3
GPU
Nvidia Geforce GT 610
Audio
Integrata
Monitor
LG L1960TQ
PSU
Da 500 W
OS
Windows 8.1 Pro (64 bit)
Salve, spero sia la sezione giusta.
Il mio problema sembra piuttosto banale e comune, ma cercando su internet non ho trovato nulla.
Ho creato un menù composto da tanti div i quali contengono ognuno un link ad una pagina. Il problema è che non riesco a cambiare lo sfondo, o meglio, con :hover ci sono riuscito ma lo sfondo si posiziona sopra il menu anche settandolo con z-index. Grazie in anticipo.
 

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
Di sicuro è un problema della struttura degli elementi html.
Puoi postare porzioni di codice per capire meglio ?
 

Haidakan

Nuovo Utente
125
2
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
HDD
TOSHIBA DT01ACA100
RAM
8 GB DDR3
GPU
Nvidia Geforce GT 610
Audio
Integrata
Monitor
LG L1960TQ
PSU
Da 500 W
OS
Windows 8.1 Pro (64 bit)
Ho fatto una cosa di questo tipo, molto da "ignorante" ahah Immagine.png
In pratica mi servirebbe che il quadrato con classe "b" si posizioni sotto quello con classe "a"
 

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
Edita il messaggio usando il tag CODE
così posso prendere il codice ed usarlo.
 

Haidakan

Nuovo Utente
125
2
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
HDD
TOSHIBA DT01ACA100
RAM
8 GB DDR3
GPU
Nvidia Geforce GT 610
Audio
Integrata
Monitor
LG L1960TQ
PSU
Da 500 W
OS
Windows 8.1 Pro (64 bit)
HTML:
<html>
    <head>
        <style type="text/css">
        
        .a {
            width: 300px;
            height: 300px;
            background: orange;
            }
        
        .b {
            width: 200px;
            height: 200px;
            background: green;
            opacity: 0.5;
            margin-top: 40px;
        }
        
        .a:hover .b{
            opacity: 1;
        }
        
        </style>
    </head>
    
        <body>
        
        
        <div class="a">
            aaaaaaaa
            <div class="b">
                bbbbbbbb
            </div>
        </div>
            
        </body>
</html>
 

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
mi servirebbe che il quadrato con classe "b" si posizioni sotto quello con classe "a"
HTML:
<html>
<head>
  <style type="text/css">
    .a {
      width: 300px;
      height: 300px;
      background: orange;
    }

    .b {
      width: 200px;
      height: 200px;
      background: green;
      opacity: 0.5;
    }

    .a:hover .b {
      opacity: 1;
    }
  </style>
</head>
<body>
  <div class="a">
    aaaaaaaa
  </div>
  <div class="b">
    bbbbbbbb
  </div>
</body>
</html>
Dipende quanto lo vuoi sotto...
 

Haidakan

Nuovo Utente
125
2
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
HDD
TOSHIBA DT01ACA100
RAM
8 GB DDR3
GPU
Nvidia Geforce GT 610
Audio
Integrata
Monitor
LG L1960TQ
PSU
Da 500 W
OS
Windows 8.1 Pro (64 bit)
beh...sotto ahah, basta che non si posizioni sopra in modo da coprire il menu
 

Haidakan

Nuovo Utente
125
2
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
HDD
TOSHIBA DT01ACA100
RAM
8 GB DDR3
GPU
Nvidia Geforce GT 610
Audio
Integrata
Monitor
LG L1960TQ
PSU
Da 500 W
OS
Windows 8.1 Pro (64 bit)
Se non sbaglio hai eliminato solo il margin-top, non penso cambi molto...
 

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
Se non sbaglio hai eliminato solo il margin-top, non penso cambi molto...
Non solo, i due div sono allo stesso livello e non uno dentro l'altro.
E' quella la vera modifica.

La cosa migliore era prendere tutto il mio codice e provarlo...
 

Haidakan

Nuovo Utente
125
2
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
HDD
TOSHIBA DT01ACA100
RAM
8 GB DDR3
GPU
Nvidia Geforce GT 610
Audio
Integrata
Monitor
LG L1960TQ
PSU
Da 500 W
OS
Windows 8.1 Pro (64 bit)
non ho avuto il tempo ahah
adesso lo provo
 

Haidakan

Nuovo Utente
125
2
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
HDD
TOSHIBA DT01ACA100
RAM
8 GB DDR3
GPU
Nvidia Geforce GT 610
Audio
Integrata
Monitor
LG L1960TQ
PSU
Da 500 W
OS
Windows 8.1 Pro (64 bit)
Comunque provando un po' funziona :)
 

Ci sono discussioni simili a riguardo, dai un'occhiata!

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili