Thepa CSS "ho sebeletsa pepeneneng" - tsela e bonolo ho etsa hore sebaka sa ho feta thahasellisang moralo

Kajeno, ho ne ho bōptjoa websaeteng moralo fetoha e bonono foromo. Sena ha se feela sete ya thepa ea motheo leqepheng la 'mala o itseng le ka boholo, meralo ea mekhoa e sa tšoaneng le litšoantšo thematic. E le ho etsa hao sebaka e fapaneng ho batho ba bang, ho lebisa tlhokomelo baeti 'me a tsamaise ho likarolo tse ling, o ile a sebelisa palo e khōlō ea mekhoa le lisebelisoa. Har'a bona ho na le ke e ratoa haholo ke thepa CSS - ho sebeletsa pepeneneng. Lewa lena e haholo elegant le khahlisang, 'me ka hona e sebediswa hangata. Ho sebeletsa pepeneneng ka fana ka maqephe a beha dintho e fapaneng ya site - le literata ea mongolo kapa pale eo kaofela, ka mohlala. E boetse e fihlellwa ka litsela tse sa tšoaneng. A re hlahlobeng ka tlaase mona.

Entsprechen qaqisa likarolo tsa ho sebeletsa pepeneneng

Entsprechen ho laola ho sebeletsa pepeneneng ea metsoako ea 'maloa. Di sebelisoa ho itšetlehile ka maikemisetso le itseng, hammoho e le ho browser, e leng tlasa "fetola" moralo. Tsena li akarelletsa thepa e latelang:

• opacity;
• sefa;
• PNG-setšoantšo e le semelo sa ka.

Thepa boleng CSS "ho sebeletsa pepeneneng" li fetohile ka tsela e latelang: a phahameng palo, e ka tlaase boemong ba ho sebeletsa pepeneneng ea elements ea. The opacity, ho fapana ho 0 ho ea ho 1, ka filtara - ho tloha 10 ho ea ho 100. 'Me ea bobeli e sebediswa bakeng sa Interet Explorer sebadi,' me a mang 'ohle ho hlokehang opacity thepa.

Ho sebeletsa pepeneneng Image (fetola)

A re ke re qala ka ho dikgetho tse tla hlaha e bonaletsang ha u tsamaisa aetheme ho ea ka ho hulela mouse.

A re hlahlobeng kamoo ho hlalosa ho sebeletsa pepeneneng tsa setšoantšo. CSS fana dikgetho tse peli. Ho etsa sena, o lokela ho ingodisa ho toba ka khoutu HTML-tokomane e latelang:

1. Qaqisa tsela ho setšoantšo.
2. Re hlalosa entsprechen ya ho sebeletsa pepeneneng ha labeler hase. Ho etsa sena, re sebelisa thepa ea onmouseover le onmouseout, eo alakisi boleng ba opacity, le filthara.

Litšobotsi tšoanang ka e balletsweng ke CSS-tokomane le mohloli khoutu ho eketsa ya referense ho eona. Liphetho li tsamaea se tšoanang.

Ho sebeletsa pepeneneng tsa mongolo le leqephe ho na le masakana

Ha e le taba e ngotsoeng kapa le literata (bonaletsang div), CSS fana khetho lona, a tšoanang le a bōpa setšoantšo se bonaletsang, o lokela ho sebelisa amanang CSS-faele, eo ho eona entsprechen batlang li beha. O ka tsamaea le tsela pete. Ha u beha ka mokhoa le literata div setaele kapa ea mongolo leq ho laela e latelang HTML-khoutu ho onmouseover le onmouseout likarolo. dikgetho bobeli sebetsa le ho hlahisa sephetho batlang.

ho sebeletsa pepeneneng kamehla

Maemong a mang, ho sebeletsa pepeneneng ea ntho e itseng, e le karolo ea moralo kapa ho mongolo o batla ho beha ka motheo oa e tsoelang pele. Ka ba boemong bona, tharollo ke esita le bonolo ho feta ha u se okaokele le labeler toeba.

CSS elements tsa ho sebeletsa pepeneneng le tla fuoa ke khoutu latelang. Ka le literata div setaele ho laela melao ea boitšoaro bakeng sa semelo (mohlala, # ff8800), opacity (mohlala, 0.5) le bophara (bophara) le padding (padding).

Bakeng sa setšoantšo khoutu makgabane etsang le opacity filthara, le bolela ka ho toba tseleng ho setšoantšo.

RGBA-mokhoa

Ho na le dikgetho tse ding bakeng sa ho sebedisa thepa ena CSS: sebeletsa pepeneneng ka sebelisoa 'mala botlaaseng ba efe kapa efe elements moralo. Ho sebedisa RGBA mokhoa. Pele mangolo a mararo ema bakeng sa mebala motheo (khubelu, fission, putsoa), le oa ho qetela - alpha,, e leng beha boemong ba ho sebeletsa pepeneneng. Sebelisa RGBA-thalong alakisi pepeneneng, a supa hore ho didijiti qetela. Ka mohlala, joalokaha: semelo sa: rgba (240,2,33,0.4035).

bofello

Kahoo, ka ho sebelisa ka mokhoa oa mosebetsi o ka site ya moralo e bonolo empa e sebetsang hantle tšobotsi CSS "ho sebeletsa pepeneneng", o ka etsa hore e thahasellisang ho feta le thepa ea motheo le boiteko bo fokolang haholo li hlahelle. The embodiments o ile a hlalosa a sebeletsa pepeneneng makgetheng tloaelo tla u thusa ka sena.