Transparenta cu CSS in web design

Transparenta cu CSS, background transparent folosind CSS

In web design, una din cele mai frumoase solutii pentru o afacere este folosirea unui background cu o imagine relevanta pentru respectiva firma. Pentru a se vedea imaginea, trebuie ca blocurile de texte sau informatii sa fie transparente. O solutie simpla in acest caz este data de Cascading Style Sheet.

gccmare

Va propunem spre analiza site-ul www.gcc.ro Acest website are in fundal imaginea unui palmier, relevant pentru produsele pe care le comercializeaza firma, anume uleiuri din cocos, parafina, etc.

Pentru a realiza transparenta blocurilor ce contin informatie s-a folosit urmatorul cod, pentru un div luat aici spre exemplu:

#main {
width: 620px;
margin-top: 20px;
filter:alpha(opacity=80);
opacity:0.8;
}

Acest cod asigura o opacitate de 80% divului #main