Property CSS "mäliko" - he mea ala, e hana i ka paena oi hana hoihoi 'manao

I keia la, i ka hanaia'na o ke kahua i manao ai i ka oe palapala. Kēia mea,ʻaʻole pono i ke kaʻina o nā 'aoʻao oihana mua o ka kekahi ano a me ka nui, nā kinona hua o kekahi mau styles a me ka poʻomanaʻo i pena. I mea e e kou paena okoa mai 'ē aʻe, e,ʻo aeceo' maliu, a kuhikuhi mai ia i kekahi mau oihana mua, hoʻohana i ka nui helu o nā kiʻina hana a me na mea paahana. Mawaena o lakou kekahi mea he loa kaulana waiwai CSS - mäliko. Kēiaʻano hana He nō kaila a me ka glamorous, a no ia mea, ua i hoʻohana pinepine. Mäliko hiki haawi aku kekahi mau mea e 'aoʻao o ka paena - kikokikona aeie a me ka a pau kiʻi, no ka laʻana. Ua i loaʻa i loko o kekahi aoao. E mākou huli ia ma lalo iho nei.

Kiko'î ke koho i nā kumu o ka mäliko

Kiko'î e hooponopono i ka mäliko o nā kumu o kekahi mau. Ua hoʻohana 'ia ke kaumaha ma muli o ka hana i ho'ākāka' Pahuhopu, e like me ka lako, i mea ma lalo o ka "like" mea i manao ai. O nā nā kēia mau waiwai:

• opacity;
• wae i;
• PNG-kiʻi me ke kāʻei kua.

i ka helu, ka mea haahaa i ka nui o ka mäliko o ka hehee ai ke kiekie: Property cia CSS "mäliko" e hoʻololi like penei. Ke opacity, e loli aʻe mai ka 0 a hiki i 1, ma ka Kānana - mai ka 10 a hiki i 100. A ua hoʻohana 'ia i ka la mahope, no ka InteretʻImi Loa lako, a me nā mea a pau me ka pili opacity waiwai.

Mäliko Image (hoʻololi)

E ka hoʻomaka me nā koho e e ikeia ka aniani moakaka ka wā e hele nei i ka ukana ma ka kauo i ka iole.

E mākou noonoo ana i ke koho 'ia i ka mäliko o ke kiʻi. CSS kaumaha ana i mau koho. E hana i kēia, e pono aaeno ia 'ana i loko o ka eiae mana html-palapala like penei:

1. E koho i ka mea ala i ke kiʻi.
2. Mākou IeXAaAeAaIEN na mea kiko'î o ka mäliko ka wā o ka kahaʻimo mea ole. E hana i kēia, ke hoʻohana i ka waiwai o ka onmouseover a me ka onmouseout, a prescribes ke kumukuai o ka opacity, a me ka Kānana.

Na ia mau 'ano hiki ke hoakaka ia ma ka CSS-palapala a me ke kumu kivila, e hookui i ka olua ia ia. Nā hualoaʻa huli mai i ka ia.

Mäliko o kikokikona a me ka 'aoʻao ālai'

Like no ke kikokikona a aeie (aniani moakaka div), CSS kaumaha ana i kona koho, like ia e pili ana i ka aniani moakaka kiʻi, oe i e hoʻohana i ka pili CSS-waihona, i a ka makemake kiko'î i hoʻonoho. Oe ke hele, a me ka simpler alanui. A hiki aku oe i ke kaila aeie div kaila a kikokikona pa i koi 'ia ke kēia mana html-code e onmouseover a onmouseout hehee wale. He mau koho hana a paka i ka makemake hopena.

mäliko a eia i

Ma kekahi mau hihia, o ka mäliko o ka mea, he manao hehee ai a kikokikona oe makemake e kau ma luna o ka mākau alu manawa. Ma keia kulana, i ka pāʻoihana Ua hiki simpler ma mua o ka wā e hover ka iole kahaʻimo.

CSS hehee ai no ka mäliko e e haawiia mai e ka mea kēia kivila. I aeie div kaila i hoakaka ia aiee no ke kāʻei kua (e laʻa me, # ff8800), opacity (e like, 0.5) a me ka laula (laula) a me ka nenelu loa (nenelu loa).

No ka mea kiʻi kuhi nā loina e hana ana a me ka opacity Kānana, a me ka hōʻike 'i ke ala a hiki i ke kiʻi.

RGBA-hana

Aia nō 'ē aʻe nā koho no ka hoʻohana' ana i kēia waiwai CSS: mäliko hiki e pili ana i ka waihona ipu kala like 'ole o kekahi manao hehee ai. Ua hoʻohana RGBA hana. Ka mea mua ekolu palapala ku no i ke kumu o nā waihoʻoluʻu (ʻulaʻula, fission, uliuli), a me ka hope - Alpha, i ka haʻina o ka nui o ka mäliko. E ho ohana i RGBA-waihona prescribes mäliko, kuhikuhi ana ia i ka hope huahelu. No kekahi laʻana, e like me: kāʻei kua: rgba (240,2,33,0.4035).

ka hopena

Penei, ma ka hoʻohana 'ana i loko o ka papa o ka hana ma ka paena manao poe noonoo pono akā, hiʻona CSS "mäliko", e hiki ke hana ia oi hana hoihoi a me ka oi kekahi' oihana mua a me ka palena haʻahaʻa hana. Ka mea i ho'ākāka 'ia nā kinolau i ke dute mäliko hiʻona e kōkuaʻoe me kēia.