.overlay { background-color: rgb(15 23 42 / 70%); }Fundalul este opac în proporție de 70%, iar textul rămâne complet opac.
LECȚIA 24 DIN 100
Adaugă transparență prin alpha
Folosește alpha fără a estompa întregul element.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
În sintaxa modernă rgb(), bara oblică separă componenta alpha. Ea afectează culoarea de fundal, nu și conținutul copil.
.overlay { opacity: 0.7; }opacity estompează întregul element, inclusiv textul.
PASUL 2 · APLICĂ
Exercițiul tău
Completează numai background-color cu rgb(15 23 42 / 70%).
index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Fundalul folosește alpha de 70%.
- ○Elementul nu folosește opacity.
Explică-mi logica rezolvării
Alpha aparține culorii, deci transparența rămâne limitată la fundal.