Css eignin "gagnsæi" er auðveld leið til að gera vefsíðuhönnun áhugaverðari.

Í dag er stofnun vefsíðnahönnunar að verða alvöru list. Það er ekki bara sett af blaðsíðum í ákveðinni lit og stærð, leturgerðir af mismunandi stílum og þemumáknum. Til að gera síðuna öðruvísi en aðrir, til að vekja athygli gesta og beina því að þeim eða öðrum þáttum er mikið af aðferðum og verkfærum notaðar. Meðal þeirra er mjög vinsæll eign - gagnsæi. Þessi tækni er alveg smart og skilvirk og því er hún notuð oft. Þú getur gefið gagnsæi við ýmsa hluti á vefsíðunni - texta, heilablokk eða mynd, til dæmis. Það er einnig náð á margan hátt. Lítum á þá hér að neðan.

Parameters til að stilla gagnsæi þætti

Parametrar sem leyfa að stjórna hversu gagnsæjum hlutunum eru eru nokkrir. Þau eru notuð eftir sérstökum tilgangi, sem og vafranum, þar sem hönnunin er "leiðrétt". Þessir fela í sér eftirfarandi eiginleika:

• Ógagnsæi;
• Sía;
• PNG mynd sem bakgrunnur.

Gildin á css "gagnsæi" eign breytast sem hér segir: því stærra stafinn, því lægra gagnsæi stigi frumefnisins. Í ógagnsæi er það frá 0 til 1, í síu - frá 10 til 100. Og hið síðarnefnda er notað fyrir vafrann Interet Explorer og fyrir alla aðra er ógagnsæi eignin notuð.

Gagnsæi myndarinnar (breyting)

Við skulum byrja á möguleikanum, þegar gagnsæi verður sýnt þegar þú sveima yfir músarbendilinn.

Íhuga hvernig á að stilla gagnsæi myndarinnar. CSS býður upp á tvo valkosti. Til að gera þetta er nauðsynlegt að skrifa það beint í kóðanum á HTML skjalinu sem hér segir:

1. Tilgreindu slóðina á myndina.
2. Ákveðið gagnsæi stillingar þegar sveima yfir bendilinn og ekki. Til að gera þetta, notum við ámouseover og onmouseout eiginleika, þar sem við setjum ógagnsæi og síu gildi.

Þessir sömu eiginleikar geta verið skrifaðar í css-skjalinu og í kóðanum skaltu aðeins bæta við tengil á hana. Niðurstöðurnar eru þær sömu.

Gagnsæi texta og blaðsíður

Hvað varðar texta eða blokk (gagnsæi div), bendir css á að nota valkost sem líkist að búa til gagnsæ mynd, það er að nota css-skrá sem er tengd, þar sem nauðsynlegir breytur verða settar. Þú getur farið á einfaldan hátt. Þegar þú tilgreinir stíl stíflategundar eða p texta skaltu mæla fyrir um eftirfarandi HTML kóða fyrir onmouseover og onmouseout þætti. Báðir valkostir virka og gefa tilætluðum árangri.

Gagnsæi

Í sumum tilfellum er nauðsynlegt að gera gagnsæi hlutar, hönnunarþáttar eða texta stillt á stöðugan hátt. Í þessu ástandi er lausnin enn auðveldari en þegar þú sveima músarbendilinn.

Fyrir css frumefni er gagnsæi gefið með eftirfarandi kóða. Í stíflustígnum úthlutar við gildi fyrir bakgrunn (til dæmis, # ff8800), ógagnsæi (td 0,5), auk breiddar og dóms.

Fyrir myndina í kóðanum slær við gildi ógagnsæis og síu og tilgreinir einnig slóðina á myndina.

RGBA aðferð

Það eru aðrar valkostir til að nota þessa eign css: gagnsæi er hægt að beita á bakgrunnslit hvers hönnunareiningar. Fyrir þetta er RGBA aðferðin notuð. Fyrstu þrír stafarnir gefa til kynna helstu litum (rautt, solidt, blátt) og síðasta - alfa, sem stillir hversu gagnsæjan er. Notaðu RGBA-sniði, ávísaðu hversu gagnsæjan er, sem gefur til kynna það í síðasta tölustafinu. Til dæmis, þetta er raunin: bakgrunnur: rgba (240,2,33,0,4035).

Niðurstaða

Þannig að nota einfalda en skilvirka eiginleika css "gagnsæi" í tengslum við vinnu við hönnun vefsvæðisins, getur þú gert þætti sínar áhugaverðar og áberandi með lágmarks átaki. Þær lýstir valkostir til að tilgreina gagnsæi eiginleika munu hjálpa þér í þessu.