Seilbh css "follaiseachd" - dòigh shìmplidh a dhèanamh air an làraich nas inntinniche dealbhadh

An-diugh, a 'cruthachadh làrach-lìn dealbhadh a' fàs an cruth ealain. Chan eil seo dìreach seata de duilleag eileamaidean àraidh dath agus meud, clòidean de dhiofar stoidhlichean agus cuspaireil dealbhan. Gus a dhèanamh làraich agad eadar-dhealaichte bho dhaoine eile, a 'tarraing luchd-tadhail a' aire agus a 'stiùireadh a tha e gu sònraichte eileamaidean, a' cleachdadh àireamh mhòr de dhòighean-obrach agus innealan. Nam measg tha daoine glè dhèidheil air seilbh css - follaiseachd. -Alt seo gu math fasanta agus ùmhlachd, agus mar sin thathar a 'cleachdadh gu tric. Follaiseachd a bheir diofar nithean duilleagan an làraich - teacs bacaidh no an dealbh gu h-iomlan, mar eisimpleir. Tha e cuideachd a choileanadh ann an diofar dhòighean. Leig dhuinn sgrùdadh a dhèanamh orra gu h-ìosal.

Chrìochan a 'sònrachadh na h-eileamaidean de follaiseachd

Chrìochan a 'riaghladh a' follaiseachd eileamaidean de ghrunn. Iad air an cleachdadh a rèir a 'chinn-uidhe sònraichte, a thuilleadh air brabhsair, a tha fo "atharrachadh" dealbhadh. Nam measg sin tha na leanas feartan:

• opacity;
• shìoladh;
• PNG-ìomhaigh mar chùl.

Seilbh luach css "follaiseachd" Tha atharrachadh mar a leanas: an t-àrd-ìre ann an àireamh, 'ìsle an ìre follaiseachd na eileamaid. Tha opacity, tha e ag atharrachadh bho 0 gu 1, ann an criathar - bho 10 gu 100. Agus mu dheireadh air a chleachdadh airson brabhsair Interet Explorer, agus a h-uile eile iomchaidh opacity seilbh.

Ìomhaigh follaiseachd (-atharrachadh)

Nach tòisich le na roghainnean a bhios a 'nochdadh follaiseach nuair a tha thu a' gluasad a 'phìos le bhith a' slaodadh leis an luchag.

Leig dhuinn beachdachadh air mar a shònraicheas an follaiseachd an ìomhaigh. CSS 'tabhann dà roghainn. Gus seo a dhèanamh, feumaidh sibh clàradh e dìreach ann an còd HTML-sgrìobhainn mar a leanas:

1. Comharraichibh an t-slighe gus an ìomhaigh.
2. Tha sinn a 'mìneachadh an crìochan follaiseachd nuair a cuir an cùrsair eil. Gus seo a dhèanamh, tha sinn a 'cleachdadh feartan an onmouseover agus onmouseout, a tha ag òrdachadh luach opacity, agus an criathar.

Tha an aon feartan Faodar òrdachadh ann css-sgrìobhainn agus an chòd Cuir a-iomradh a tha e. Tha na toraidhean Cuir a-mach an aon rud.

Follaiseachd de teacs agus, duilleag blocaichean

Mar airson an teacsa no bacaidh (follaiseach div), css a 'tabhann roghainn, coltach ri bhith a' cruthachadh ìomhaigh follaiseach, feumaidh tu a 'cleachdadh na ceangailte css-faidhle, anns a bheil mhiannaichte chrìochan air an suidheachadh. Faodaidh tu a dhol agus dòigh nas sìmplidh. Nuair a bhios tu a 'suidheachadh an stoidhle bacaidh div stoidhle no teacsa p òrdaichidh na leanas html-chòd a onmouseover agus onmouseout eileamaidean. Tha an dà roghainnean ag obair agus a 'dèanamh a' miannachadh a thoradh.

follaiseachd cunbhalach

Ann an cuid de chùisean, follaiseachd de rudan, dealbhadh eileamaid no teacsa a tha thu ag iarraidh a chur air stèidh leantainneach. Anns an t-suidheachadh seo, a 'fuasgladh a tha fiù' s nas sìmplidhe na nuair a tha thu iadhadh cùrsair na luchaige.

Css eileamaid airson follaiseachd a thoirt seachad leis a 'chòd a leanas. Ann an LITRICHEAN div stoidhle òrdaichidh luachan airson a 'chùl (me, # ff8800), opacity (me, 0.5) agus an leud, (leud) agus padding (padding).

Airson an ìomhaigh code luachan a 'dèanamh agus opacity Criathrag, agus a' sònrachadh an t-slighe gus an ìomhaigh.

RGBA dòigh-

Tha roghainnean eile a 'cleachdadh seo airson seilbh css: follaiseachd a ghabhas a chur gu bonn dath sam bith dealbhadh eileamaid. Tha ea 'cleachdadh RGBA dòigh. Tha a 'chiad trì litrichean seasamh airson bunaiteach dhathan (dearg, fission, gorm), agus mu dheireadh - alpha, a tha a' cur an cèill an ìre de shoilleireachd. Cleachdadh RGBA cruth-òrdachadh follaiseachd, a 'comharrachadh e gus mu dheireadh an-fhigearach a lorg. Mar eisimpleir, mar: cùl-fhiosrachadh: rgba (240,2,33,0.4035).

co-dhùnadh

Mar sin, le bhith a 'cleachdadh ann an cùrsa na h-obrach air an làraich dealbhadh sìmplidh ach èifeachdach feart css "follaiseachd", faodaidh tu a dhèanamh nas inntinniche agus nas follaiseach eileamaidean le glè bheag de oidhirp. Tha a mhìneachadh embodiments tha custom follaiseachd feartan a chuidicheas tu le seo.