Ipropati CSS "ngaphaya" - indlela elula ukwenza nesayithi design umdla

Namhlanje, ukudalwa website yoyilo iba ifomu zobugcisa. Le nto ayipheleli nje iseti lweziqalelo page of a umbala oluthile kunye nobukhulu, ubungakanani bamagama iintlobo ezahlukeneyo kunye Imizobo weendawo. Ukuze wenze ezahlukeneyo isayithi yakho kwabanye, ukutsala umdla iindwendwe 'uze usithumele ukuba izinto ezithile, wasebenzisa inani elikhulu iindlela nezixhobo. Phakathi kwazo kukho CSS ipropati ethandwa kakhulu - elubala. Le ndlela kakhulu nendlela kwaye elihle, ngoko ke isetyenziswa rhoqo. Selubala anganika izinto ezahlukeneyo amaphepha kwisiza - block okubhaliweyo okanye yonke umfanekiso, umz. Kwakhona ziphunyezwe ngeendlela ezahlukeneyo. Makhe sihlolisise apha ngezantsi.

Parameters ucacise amasuntswana elubala

Iiparameter ukuba ulawule elubala izinto eziliqela. Zisetyenziswa kuxhomekeke iinjongo ezithile, kwakunye na umkhangeli zincwadi, ongaphantsi 'ilungiswe' kuyilo. Ezi zibandakanya ezi zakhiwo zilandelayo:

• lokukhanya;
• lokucoca;
• PNG-umfanekiso njenge yangasemva.

Ipropati ixabiso CSS "elubala" zitshintshiwe ngolu hlobo lulandelayo: i eliphezulu inani, inowuthi inqanaba elubala le element. I Ibar, loo iyahluka ukusuka kwi-0 ukuya ku-1, kwi filter - 10 ukuya 100 Kwaye yokugqibela sisetyenziselwa Interet Explorer browser, nayo yonke enye impahla lokukhanya esebenzayo.

Selubala Umfanekiso (ukutshintsha)

Makhe siqale Ukhetho izakuvela ngaphaya xa uhambisa umba ngokutsala le mouse.

Makhe siqwalasele ukuba ucacise indlela elubala lo mfanekiso. CSS unika iindlela ezimbini. Ukuze wenze oku, kufuneka ubhalise kwi khowudi html-uxwebhu ngqo ngolu hlobo lulandelayo:

1. Khankanya umendo kumfanekiso.
2. Thina uchaze parameters kwezinto elubala xa isalathisi ayikho. Ukuze wenze oku, sisebenzisa iimpawu onmouseover kunye onmouseout, emisela ixabiso lokukhanya, kunye filter.

Ezona mpawu okufanayo umiselwe CSS-uxwebhu kwaye ikhowudi yemvelaphi ukufaka yabhekisela kuyo. Iziphumo zihamba efanayo.

Elubala lwesicatshulwa kunye nephepha iibhloko

Ke ukuba okubhaliweyo okanye ibhloko (div transparent), CSS inikeza ukhetho yayo, efana ekudaleni umfanekiso transparent, kufuneka usebenzise ezinxulumene CSS-fayile, apho amiselwe imiqathango ezinqwenelekayo. Ungaya kunye indlela elula. Xa ungacwangcisa isimbo div uhlobo ibloko okanye itekisi p amisele zilandelayo html-ikhowudi onmouseover kwaye onmouseout izinto. ukusebenza Zombini iinketho kwaye avelise iziphumo ezinqwenelekayo.

ukucaca njalo

Kwezinye iimeko, le elubala into, element uyilo okanye umbhalo ufuna ukucwangcisa ngokuqhubekayo. Kulo meko, isisombululo buba lula ngakumbi xa uhambisa i isalathisi se mouse.

isiqalelo CSS elubala ziya kunikwa ikhowudi ilandelayo. Xa block style div amisele amaxabiso kwikhusi (umz, # ff8800), Ibar (umzekelo, 0.5) kunye ububanzi (ububanzi) kunye nezikhuseli (izikhuseli).

Kuba umfanekiso ikhowudi amaxabiso benza kunye Ibar filter, uze ucacise indlela kumfanekiso.

RGBA-indlela

Kukho ezinye iindlela zokusebenzisa le CSS propati: elubala kunokusetyenziswa isiseko umbala elementi yoyilo. Isebenzisa indlela RGBA. Oonobumba bokuqala ezintathu kuma imibala ezisisiseko (obomvu, ngokucandeka, bhlowu), kwaye yokugqibela - alpha, leyo icwangcisa izinga elubala. Ukusebenzisa RGBA-format umisele izinto elubala, esibonisa ukuba umvo wokugqibela. Ngokomzekelo, njengokuba: imvelaphi: rgba (240,2,33,0.4035).

isiphelo

Ngenxa yoko, ngokusebenzisa ngexesha lomsebenzi uyilo osemqoka elula kodwa enegalelo CSS "elubala", ungenza kube nomdla ngakumbi yaye izakhi ukhe buqapheleke. Ezi embodiments ezichaziwe kuku elubala ukuba ziya kukunceda malunga nale.