Hogyan lehet megoldani ezt az opacity problémát?
Van egy div class-em és még egy az előző div class-ben. Ha a külső div opacity értékét leveszem, a belsőé is lejjebb megy. Hogy lehet azt megoldani, hogy a külső div opacity értéke egynél kevesebb, a belsőé egyel több legyen?
A csavar ott van a dologban, hogy modal picture-t egy képnézegetőhöz és ha rákattintok a képre, egy click eseménnyel ugye megnöveli a külső div z-index értékét, és így jön fel a kép. A belső div z-index értéke viszont nagyobb, tehát elvileg az opacity értéknek amit megadtam (1), működnie kellene nem? Akkor miért nem működik?
válasza:Az opacity tulajdonság öröklődik, vagyis ha a szülő opacity-jét lejjebb veszed, akkora benne lévő elemek opacity-je ahhoz fog viszonyulni.
Ha csak a háttért akarod átlátszóvá tenni, akkor érdemes így megadnod a háttérszínt a css-ben:
#valami {
background: rgba(0,0,0,0.7);
}
Az első három érték ugye az RGB, az utolsó (0.7) pedig az áttetszőség.
válasza:az attetszoseg neve alpha.
red green blu alpha (mas neven ha ugy tetszik opacity)
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!