Property CSS "mangarahara" - fomba tsotra mba hahatonga ny toerana mahaliana kokoa famolavolana

Amin'izao fotoana izao, ny famoronana ny tranonkala nanaovana lasa ny endrika kanto. Izany no tsy napetraka ny pejy singa iray loko sy ny habeny, endritsoratra ny samy hafa fomba sy thematic sary hoso-doko. Mba hahatonga ny toerana tsy mitovy amin'ny olon-kafa, mba hisarihana ny mpitsidika 'ny saina sy hitarika azy ho singa sasany, Nampiasa fomba maro be sy ny fitaovana. Anisan'izany misy tena malaza fananana CSS - mangarahara. Ity teknika dia tena lamaody sy glamorous, ka noho izany dia ampiasaina matetika. Transparency afaka manome zavatra samy hafa pejy ao amin'ny vohikala - soratra andian-tsoratra na ny sary iray manontolo, ohatra. Nahavita ihany koa izany amin'ny fomba samihafa. Andeha isika handinika azy eto ambany.

Masontsivana mamaritra ny singa ny mangarahara

Masontsivana mba dalàna ny mangarahara ny singa maro. Izy ireo ampiasaina arakaraka ny tanjona manokana, ary koa ny navigateur, izay eo ambanin'ny "nanitsy" famolavolana. Anisan'izany ny fananana manaraka ireto:

• hatevin'ny;
• hanivana;
• PNG-sary ho toy ny lafika.

Property sanda CSS "mangarahara" dia miova toy izao manaraka izao: ny ambony ny isa, ny ambany ny haavon'ny mangarahara ny singa. Ny Hatevin'ny, dia Miovaova arakaraka ny 0 ny 1, tao amin'ny sivana - avy amin'ny 10 ka hatramin'ny 100 Ary ny farany dia ampiasaina ho an'ny Interet Explorer navigateur, ary ny hafa rehetra ampiharina Hatevin'ny fananany.

Transparency Image (hanova)

Aoka isika hanomboka amin'ny safidy izay hiseho mangarahara rehefa mifindra ilay zavatra amin'ny alalan'ny mitaritarika ny totozy.

Andeha isika handinika ny fomba mamaritra ny mangarahara ny sary. CSS Manome safidy roa. Mba hanaovana izany, dia tsy maintsy misoratra anarana ianao izany mivantana ao amin'ny fehezan-dalàna HTML-kevitra toy izao manaraka izao:

1. Mamaritra ny lalana mankany amin'ny ny sary.
2. Isika mamaritra ny masontsivana ny mangarahara, raha tsy ny kitondro. Mba hanaovana izany, dia mampiasa ny fananan 'ny onmouseover sy onmouseout, izay manoritra ny lanjan' ny Hatevin'ny, sy ny sivana.

Toy izany koa toetra azo voalaza ao CSS-taratasy sy ny mari-tomboky hanampy ny firesahana momba azy io. Ny vokatra miala ny toy izany koa.

Mangarahara ny lahatsoratra sy ny pejy mahatafintohina

Ary ny amin'ny lahatsoratra na ny andian-tsoratra (mangarahara DIV), CSS dia manolotra ny safidy, toy ny fananganana ny mangarahara sary, tsy maintsy mampiasa ny mifandray rakitra CSS-, izay ny nangataka ireo masontsivana napetraka. Afaka mandeha sy ny fomba tsotra. Rehefa nametraka ny fomba fomba DIV andian-tsoratra na lahatsoratra, p fanafody ny manaraka HTML-fehezan-dalàna mba onmouseover sy onmouseout singa. Samy safidy miasa sy mamokatra ny vokatra irina.

mangarahara foana

Amin'ny toe-javatra sasany, ny mangarahara ny zavatra, ny famolavolana singa na lahatsoratra te-hametraka eo amin'ny fototra mitohy. Amin'ny toe-javatra ity, ny vahaolana dia tsotra noho ny rehefa miaraka amin ny totozy kitondro.

CSS singa mampangarahara asa no homen 'ny manaraka fehezan-dalàna. Ao amin'ny andian-tsoratra DIV fomba soatoavina fanafody ho an'ny ny mombamomba (oh, # ff8800), Hatevin'ny (ohatra, 0.5) ary ny sakany (sakany) sy ny padding (padding).

Fa ny sary fehezan-dalàna sy ny soatoavina no manao Hatevin'ny sivana, ary mamaritra ny lalana mankany amin'ny ny sary.

RGBA-fomba

Misy safidy hafa noho ny fampiasana izany fananana CSS: mangarahara Azo ampiharina amin'ny fototra loko na inona na inona famolavolana singa. Mampiasa fomba RGBA. Ny telo voalohany ny hijoro amin 'ny taratasy fototra loko (mena, fission, manga), ary ny farany - Alpha, izay mametraka ny haavon'ny mangarahara. Mampiasa RGBA-format dia manoritra ny mangarahara, manondro azy ho ny tarehimarika farany. Ohatra, toy ny: lafika: rgba (240,2,33,0.4035).

famaranana

Araka izany, amin'ny alalan'ny fampiasana amin'ny Mazava ho azy fa ny asa teo amin'ny toerana endrika tsotra nefa mahomby endri-javatra CSS "mangarahara", dia afaka manao izany kokoa mahaliana sy miharihary kokoa singa amin'ny ezaka kely dia kely. Ny momba ireo fomba amam-panao embodiments mangarahara endri-javatra dia hanampy anao izany.