CSS: Opacitatea

Opacitatea este suportata de majoritatea browserelor importante: Firefox, Safari, Chrome, Opera.

Opacitatea reprezinta gradul de transparenta a unui obiect. Un obiect fara opacitate este complet transparent, iar un obiect fara transparenta este complet opac.

Proprietatea pentru opacitate in CSS esteopacity. Cu aceasta proprietate se stabileste de fapt cat de mult se vede fundalul prin obiectul specificat.

E { opacity: number; }

  • number este un numar real intre 0 si 1: 1 inseamna complet opac, 0 inseamna complet transparent; Pentru a putea obtine rezultatul dorit, se foloseste un numar intre 0 si 1, respectiv 0.75, 0.50, 0.20 etc.

Exemplu:

 

Proprietatea opacity este mostenita de catre toti “copiii” elementului. Pentru un element “copil” nu se poate stabili o opacitate mai mare decat cea a parintelui, insa se poate stabili o opacitate mai mica.

[mai mult...]