Proprietatea de opacitate CSS este responsabilă pentru transparența elementelor (imagini, text, blocuri) în html.
Opacitatea sintaxei CSS
În cazul în care valoarea poate lua valori reale în intervalul de la 0,0 la 1,0. O valoare de 1,0 înseamnă că nu există transparență (implicit).
Exemple: modul în care transparența în html
Exemplul №1. Imagine transparentă în html
Prima imagine este afișată fără transparență, a doua cu o transparență de 0,5
Pagina este convertită la următoarele
Exemplul 2. Efecte cu transparență în html
Implicit, blocul este parțial transparent. Când poziționați cursorul mouse-ului, blocul devine luminos. Astfel de efecte sunt adesea folosite în proiectarea siturilor.
Pagina este convertită la următoarele
Exemplul №3. Bloc transparent în imagine în html
Mai jos este un exemplu de bloc semi-transparent care a acoperit parțial imaginea. Blocul acoperă în mod specific imaginea nu complet pentru a arăta cum arată pe fundal gol.
Pagina este convertită la următoarele
remarcă
Internet Explorer înainte de versiunea 9.0 utilizează filtre pentru a schimba transparența; pentru acest browser scrieți un filtru: alpha (opacity = 50), unde parametrul opacity poate lua o valoare de la 0 la 100.