Katundu css "chilungamo" - njira yapafupi kuti malo zambiri zosangalatsa kapangidwe

Lero, chilengedwe cha webusaiti kapangidwe amakhala luso. Izi si mndandanda wa zinthu tsamba la mtundu wina ndi kukula, zilembo za m'njira zosiyana ndi zojambula thematic. Pofuna kuti malo anu wosiyana ndi ena, kukopa tcheru alendo ndi kuuika kwa zinthu zina, ntchito nambala yaikulu njira ndi zipangizo. Pakati pawo pali wotchuka kwambiri chuma css - chilungamo. Njira imeneyi si yapamwamba ndi otsogola, kotero kuti ntchito kawirikawiri. Transparency angapereke masamba zinthu zosiyana kwa malo - chipika lemba kapena chithunzi chonse, mwachitsanzo. Komanso akwaniritsa m'njira zosiyanasiyana. Tiyeni tione m'munsimu.

Magawo mwachindunji zinthu za chilungamo

Magawo kuti zonse chilungamo cha zinthu zingapo. Iwo anagwiritsa ntchito malingana ndi zolinga zenizeni, komanso osatsegula, amene ali pansi pa "kusintha" kapangidwe. Zikuphatikizapo katundu zotsatirazi:

• Kuwonekera;
• zosefera;
• PNG-fano monga maziko a.

Katundu mtengo css "chilungamo" tisandulika motere: apamwamba nambala m'munsi mlingo wa chilungamo cha mchitidwe wa. The Kuwonekera, izo zimasiyanasiyana 0 1, mu sefa - 10 100. Ndipo yotsirizira ntchito Interet Explorer osatsegula, ndi ena onse amene akukamba Kuwonekera katundu.

Transparency Image (kusintha)

Tiyeni tiyambe ndi njira kuti adzaoneka chimaonekera pamene muyenda katunduyo pokoka mbewa.

Tiyeni tione mmene mwachindunji ndi chilungamo za chifanocho. CSS amapereka yachiwiriyo. Kuti tichite zimenezi, muyenera akalembetse mwachindunji Mpambo HTML-chikalata motere:

1. Fotokozani njira fanolo.
2. Tingamasulire magawo a chilungamo pamene cholozera si. Kuti tichite zimenezi, tikugwiritsa ntchito katundu wa onmouseover ndi onmouseout, amene n'kukulemberani mtengo wa Kuwonekera, ndi fyuluta.

Makhalidwe omwewo akhoza zinafotokozedwa css-chikalata ndi gwero code ku kuwonjezera onena za izo. Zotsatira yatsani chimodzimodzi.

Transparency a m'lemba ndi tsamba midadada

Koma lemba kapena chipika (mandala div), css amapereka njira zake, ofanana kupanga fano mandala, muli ntchito zogwiritsidwa css-file, imene magawo anakhumba zakonzedwa. Inu mukhoza kupita ndi njira chosavuta. Pamene inu mukakhala kalembedwe chipika div kalembedwe kapena lemba tsa mankhwala zotsatirazi HTML-code ku onmouseover ndi onmouseout zinthu. Zosintha onse ntchito ndi kutulutsa mukufuna.

chilungamo nthawi zonse

Mu zina, chilungamo kwa chinthu, chinthu kamangidwe kapena lemba mukufuna kudzakhala pa maziko mosalekeza. Imeneyi, yankho ngakhale chosavuta kumva osati pamene inu fungatirani ndi cholozera mbewa.

Css mchitidwe kwa chilungamo adzapatsidwa ndi malamulo zotsatirazi. Ku nyumba div kalembedwe mankhwala mfundo za maziko (mwachitsanzo, # ff8800), Kuwonekera (mwachitsanzo, 0,5) ndipo m'lifupi (m'lifupi) ndi padding (padding).

Pakuti chifaniziro malamulo mfundo akupanga ndi Kuwonekera fyuluta, ndipo kukhazikitsa njira fanolo.

RGBA-njira

Pali zina zimene mungachite ntchito chuma ichi css: chilungamo ingagwiritsidwe ntchito mtundu m'munsi mwa aliyense mchitidwe kamangidwe. Iwo amagwiritsa RGBA njira. Woyamba makalata atatu kuima mitundu zazikulu (wofiira, fission, buluu), ndi wotsiriza - Alpha, omwe mlingo wa chilungamo. Kugwiritsa RGBA-mtundu n'kukulemberani chilungamo, kulozera kwa manambala lomaliza. Mwachitsanzo, monga: maziko: rgba (240,2,33,0.4035).

Pomaliza

Choncho, pogwiritsa ntchito mu njira ya ntchito pa malo kapangidwe osavuta koma ogwira mtima Mbali css "chilungamo", mukhoza chidwi kwambiri ndi nyengo ndi khama kochepa kwambiri noticeable. The embodiments anafotokoza ndi chilungamo mbali mwambo adzakuthandizani ndi ichi.