Khoom css "transparency" - ib tug yooj yim txoj kev uas yuav ua rau lub site nthuav ntau tsim

Niaj hnub no, cov creation ntawm lub website tsim yuav ib daim duab daim ntawv. Qhov no yog tsis yog ib tug txheej ntawm nplooj ntawv lub ntsiab ntawm ib tug tej yam xim thiab loj, fonts ntawm yeej sib txawv thiab thematic paintings. Nyob rau hauv thiaj li yuav kom koj qhov chaw sib txawv los ntawm lwm tus neeg, nyiam qhua 'xim thiab ncaj nws mus rau tej yam hais, siv ib tug lossis loj tus naj npawb ntawm txoj kev thiab cov cuab yeej. Cov lawv muaj ib tug heev nrov vaj tse css - transparency. Cov txheej txheem no yog heev cob xub thiab glamorous, thiab yog li ntawd yog siv feem ntau. Transparency yuav muab sib txawv khoom nplooj ntawv ntawm qhov chaw - text thaiv los yog tag nrho cov duab, piv txwv li. Nws kuj tau nyob rau hauv ntau txoj kev. Cia peb kawm lawv hauv qab no.

Tsis qhia kom meej lub ntsiab ntawm transparency

Tsis mus tswj lub transparency ntawm cov ntsiab ntawm cov ob peb. Lawv siv nyob rau cov kev cov hom phiaj, raws li zoo raws li lub browser, uas yog nyob rau hauv lub "tom" tsim. Cov no muaj xws li nram qab no cov khoom:

• opacity;
• lim;
• PNG duab raws li ib tug keeb kwm yav dhau.

Khoom nqi css "transparency" yog hloov raws li nram no: lub siab tus xov tooj, lub qis lub theem ntawm transparency ntawm lub caij. Lub opacity, nws mas nws txawv ntawm 0 mus rau 1, nyob rau hauv lub lim - los ntawm 10 mus rau 100. Thiab rau tom kawg yog siv rau Interet Explorer browser, thiab tag nrho cov lwm cov opacity cov cuab yeej.

Transparency Duab (hloov)

Peb pib nrog cov kev xaiv uas yuav tshwm sim tshab thaum koj tsiv mus nyob rau yam khoom los ntawm dragging tus nas.

Cia peb xav txog yuav ua li cas qhia kom meej rau cov transparency ntawm daim duab. CSS muaj ob qho kev xaiv. Ua li no, koj yuav tsum sau npe rau nws ncaj qha nyob rau hauv lub code html-daim ntawv raws li nram no:

1. Qhia kom meej txoj kev mus rau daim duab.
2. Peb txhais tau lub ciaj ciam ntawm transparency thaum tus cursor tsis yog. Ua li no, peb siv lub zog ntawm cov onmouseover thiab onmouseout, uas prescribes tus nqi ntawm opacity, thiab lim.

Cov tib yam ntxwv yuav muab nyob rau hauv css-daim ntawv thiab qhov chaw code ntxiv rau ib tug reference rau nws. Cov kev tshwm sim tig tawm tau tib yam.

Transparency hauv cov ntawv nyeem thiab cov nplooj ntawv blocks

Raws li rau cov ntawv nyeem los thaiv (pob tshab div), css muaj nws kev xaiv, zoo ib yam li los tsim ib pob tshab duab, koj yuav tsum siv cov kev cob cog rua css-cov ntaub ntawv, nyob rau hauv uas tus yam tsis muaj teeb. Koj muaj peev xwm mus thiab ib tug yooj yim txoj kev. Thaum koj teev cov style thaiv div style lossis cov ntawv luam p muab cov nram qab no html-code rau onmouseover thiab onmouseout ntsiab. Ob leeg xaiv ua hauj lwm thiab ua tus yam tshwm sim.

transparency qhov

Nyob rau hauv tej rooj plaub, lub transparency ntawm ib tug kwv, ib tug tsim lub caij los yog ntawv nyeem uas koj xav kom koj muab rau ib tug tsis tu ncua. Nyob rau hauv no qhov teeb meem no, cov tshuaj yog txawm yooj yim tshaj thaum koj yuj tus nas cursor.

Css caij rau transparency yuav muab los ntawm cov nram qab no code. Nyob rau hauv block div style muab qhov tseem ceeb rau cov tom qab (e.g., # ff8800), opacity (eg, 0.5) thiab cov dav (dav) thiab padding (padding).

Rau cov duab code qhov tseem ceeb yog ua thiab opacity lim, thiab qhia kom meej txoj kev mus rau daim duab.

RGBA-txoj kev

Nws muaj lwm yam kev xaiv rau siv cov cuab yeej no css: transparency yuav tsum muaj ntaub ntawv rau lub hauv paus xim ntawm tej tsim lub caij. Nws yuav siv RGBA txoj kev. Thawj peb cov tsiaj ntawv sawv ntsug rau lub yooj yim xim (xim liab, fission, xiav), thiab lub xeem - alpha, uas teev rau theem ntawm kev transparency. Siv RGBA-hom prescribes transparency, taw nws mus rau lub xeem zauv. Piv txwv li, raws li: tom qab: rgba (240,2,33,0.4035).

xaus

Yog li, los ntawm kev siv nyob rau hauv lub chav kawm ntawm kev ua hauj lwm rau ntawm qhov chaw tsim tej yam yooj yim tab sis zoo feature css "transparency", koj yuav ua rau nws nthuav thiab ntau hnov hais muaj tsawg heev dag zog. Lub piav embodiments yog kev cai transparency nta yuav pab tau koj nrog rau qhov no.