Mae "tryloywder" eiddo'r css yn ffordd hawdd o wneud dyluniad safle'n fwy diddorol.

Heddiw, mae creu dyluniad gwefan yn dod yn gelfyddyd go iawn. Nid dim ond set o elfennau tudalen o liw a maint penodol , ffontiau gwahanol arddulliau a lluniau thematig. Er mwyn gwneud y safle yn wahanol i eraill, i ddenu sylw ymwelwyr a'i gyfeirio at y rhai hynny neu elfennau eraill, defnyddir nifer fawr o ddulliau ac offer. Yn eu plith mae css eiddo poblogaidd iawn - tryloywder. Mae'r dechneg hon yn eithaf ffasiynol ac effeithiol, ac felly fe'i defnyddir yn aml. Gallwch roi tryloywder i wahanol wrthrychau ar dudalen y wefan - testun, bloc cyfan neu lun, er enghraifft. Fe'i cyflawnir hefyd mewn sawl ffordd. Gadewch inni eu hystyried isod.

Paramedrau ar gyfer pennu tryloywder elfennau

Mae paramedrau sy'n caniatáu rheoleiddio tryloywder yr elfennau yn amrywio. Fe'u defnyddir yn dibynnu ar ddibenion penodol, yn ogystal â'r porwr, y mae'r dyluniad wedi'i "addasu" o dan y cynllun. Mae'r rhain yn cynnwys yr eiddo canlynol:

• Prinrwydd;
• Hidlo;
• PNG delwedd fel cefndir.

Mae gwerthoedd yr eiddo cys "tryloywder" yn newid fel a ganlyn: y mwyaf yw'r digid, y lefel isaf yw lefel tryloywder yr elfen. O raddau helaeth, mae'n amrywio o 0 i 1, yn hidlo - o 10 i 100. Ac mae'r olaf yn cael ei ddefnyddio ar gyfer y porwr Interet Explorer, ac ar gyfer pob un arall, defnyddir yr eiddo cymhlethdod.

Tryloywder y ddelwedd (newid)

Dechreuwch gyda'r opsiwn, pan fydd y tryloywder yn cael ei ddangos pan fyddwch yn tofran dros yr elfen cyrchwr y llygoden.

Ystyriwch sut i osod tryloywder llun. Mae CSS yn cynnig dau opsiwn. I wneud hyn, mae angen ei ysgrifennu'n uniongyrchol yng nghod y ddogfen html fel a ganlyn:

1. Nodwch y llwybr i'r ddelwedd.
2. Penderfynwch ar y lleoliadau tryloywder wrth hofran dros y cyrchwr ac nid. I wneud hyn, rydym yn defnyddio'r eiddo ar-lein ac ar-lein, lle rydym yn gosod y gwerthoedd cymhlethdod a hidlo.

Gellir ysgrifennu'r un nodweddion hyn yn y ddogfen css, ac yn y cod ffynhonnell, ychwanegwch ddolen ato yn unig. Mae'r canlyniadau yr un fath.

Tryloywder y testun a blociau tudalen

Yn achos y testun neu'r bloc (tryloywder y div), mae css yn awgrymu defnyddio opsiwn tebyg i greu delwedd dryloyw, hynny yw, gan ddefnyddio ffeil css sydd wedi'i gysylltu, lle bydd y paramedrau gofynnol yn cael eu gosod. Gallwch fynd mewn ffordd symlach. Wrth nodi arddulliau'r bloc arddull neu'r testun p, rhagnodwch y cod html canlynol ar gyfer yr elfennau onmouseover ac onmouseout. Mae'r ddau opsiwn yn gweithio ac yn rhoi'r canlyniad a ddymunir.

Tryloywder cyson

Mewn rhai achosion, mae angen gosod tryloywder gwrthrych, elfen dylunio, neu destun yn barhaus. Yn y sefyllfa hon, mae'r ateb hyd yn oed yn haws na phan fyddwch yn hofran y cyrchwr llygoden.

Ar gyfer yr elfen css, rhoddir y tryloywder gan y cod canlynol. Yn y bloc arddull div, rydym yn aseinio gwerthoedd ar gyfer cefndir (er enghraifft, # ff8800), cymhlethdod (ee, 0.5), yn ogystal â lled a paddio.

Ar gyfer y ddelwedd yn y cod, rydym yn ychwanegu gwerthoedd cymhlethdod a hidlo, a hefyd yn nodi'r llwybr i'r ddelwedd.

RGBA dull

Mae opsiynau eraill ar gyfer defnyddio'r css eiddo hwn: gellir cymhwyso tryloywder i liw cefndir unrhyw elfen ddylunio. Ar gyfer hyn, defnyddir y dull RGBA. Mae'r tri llythyr cyntaf yn nodi'r prif liwiau (coch, solet, glas), a'r un olaf - alffa, sy'n gosod lefel tryloywder. Gan ddefnyddio fformat RGBA, rhagnodwch faint o dryloywder, gan ei nodi yn y digid olaf. Er enghraifft, dyma'r achos: cefndir: rgba (240,2,33,0,4035).

Casgliad

Felly, gan ddefnyddio css "tryloywder" eiddo syml ond effeithiol wrth weithio ar ddylunio'r safle, gallwch wneud ei elfennau yn fwy diddorol ac yn fwy gweladwy, gydag o leiaf ymdrech. Bydd yr opsiynau a ddisgrifir ar gyfer pennu nodweddion tryloywder yn eich helpu chi yn hyn o beth.