[PROBLEMA] Sfondo che cambia al passaggio del mouse

Haidakan

Utente Attivo
102
2
Hardware Utente
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
Hard Disk
TOSHIBA DT01ACA100
RAM
8 GB DDR3
Scheda Video
Nvidia Geforce GT 610
Scheda Audio
Integrata
Monitor
LG L1960TQ
Alimentatore
Da 500 W
Sistema Operativo
Windows 8.1 Pro (64 bit)
#1
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.
 

Haidakan

Utente Attivo
102
2
Hardware Utente
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
Hard Disk
TOSHIBA DT01ACA100
RAM
8 GB DDR3
Scheda Video
Nvidia Geforce GT 610
Scheda Audio
Integrata
Monitor
LG L1960TQ
Alimentatore
Da 500 W
Sistema Operativo
Windows 8.1 Pro (64 bit)
#3
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"
 

Haidakan

Utente Attivo
102
2
Hardware Utente
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
Hard Disk
TOSHIBA DT01ACA100
RAM
8 GB DDR3
Scheda Video
Nvidia Geforce GT 610
Scheda Audio
Integrata
Monitor
LG L1960TQ
Alimentatore
Da 500 W
Sistema Operativo
Windows 8.1 Pro (64 bit)
#4
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

Utente Attivo
731
288
Hardware Utente
#5
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

Utente Attivo
102
2
Hardware Utente
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
Hard Disk
TOSHIBA DT01ACA100
RAM
8 GB DDR3
Scheda Video
Nvidia Geforce GT 610
Scheda Audio
Integrata
Monitor
LG L1960TQ
Alimentatore
Da 500 W
Sistema Operativo
Windows 8.1 Pro (64 bit)
#6
beh...sotto ahah, basta che non si posizioni sopra in modo da coprire il menu
 

Haidakan

Utente Attivo
102
2
Hardware Utente
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
Hard Disk
TOSHIBA DT01ACA100
RAM
8 GB DDR3
Scheda Video
Nvidia Geforce GT 610
Scheda Audio
Integrata
Monitor
LG L1960TQ
Alimentatore
Da 500 W
Sistema Operativo
Windows 8.1 Pro (64 bit)
#8
Se non sbaglio hai eliminato solo il margin-top, non penso cambi molto...
 

Haidakan

Utente Attivo
102
2
Hardware Utente
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
Hard Disk
TOSHIBA DT01ACA100
RAM
8 GB DDR3
Scheda Video
Nvidia Geforce GT 610
Scheda Audio
Integrata
Monitor
LG L1960TQ
Alimentatore
Da 500 W
Sistema Operativo
Windows 8.1 Pro (64 bit)
#10
non ho avuto il tempo ahah
adesso lo provo
 

Haidakan

Utente Attivo
102
2
Hardware Utente
CPU
Intel core i7 4790 - 3.60 Ghz
Scheda Madre
ASRock H81M-DGS R2.0
Hard Disk
TOSHIBA DT01ACA100
RAM
8 GB DDR3
Scheda Video
Nvidia Geforce GT 610
Scheda Audio
Integrata
Monitor
LG L1960TQ
Alimentatore
Da 500 W
Sistema Operativo
Windows 8.1 Pro (64 bit)
#11
Comunque provando un po' funziona :)