Proprjetà css "trasparenza" - mod sempliċi biex tagħmel is-sit aktar disinn interessanti

Illum, il-ħolqien ta 'disinn ta' website isir forma ta 'arti. Din mhix biss sett ta 'elementi paġna ta' kulur partikolari u daqs, fonts ta 'stili differenti u pitturi tematiċi. Sabiex tagħmel is-sit tiegħek differenti minn oħrajn, tiġbed l-attenzjoni viżitaturi u li jindirizzawha lejn ċerti elementi, użat għadd kbir ta 'metodi u għodda. Fost dawn hemm css proprjetà popolari ħafna - trasparenza. Din it-teknika hija pjuttost moda u glamorous, u għalhekk huwa użat spiss. It-trasparenza tista 'tagħti paġni oġġetti differenti tas-sit - blokk test jew l-istampa kollha, per eżempju. Hija wkoll jintlaħaq b'modi differenti. Let us teżamina lilhom hawn taħt.

Parametri elementi speċifiċi tad-trasparenza

Parametri li jirregolaw it-trasparenza ta 'elementi ta' diversi. Huma użati jiddependi fuq l-għanijiet speċifiċi, kif ukoll il-browser, li hija taħt il- "aġġustat" disinn. Dawn jinkludu l-proprjetajiet li ġejjin:

• opaċità;
• filtru;
• PNG-immaġni bħala sfond.

Proprjetà valur css "trasparenza" huma mibdula kif ġej: l-ogħla numru, l-inqas il-livell ta 'trasparenza tal-element. L-opaċità, din tvarja 0-1, fil-filtru - minn 10 sa 100. U l-aħħar huwa użat għall-interet Explorer browser, u kull proprjetà oħra opaċità applikabbli.

Trasparenza Image (jinbidlu)

Nibdew bl-għażliet li se jidhru trasparenti meta inti tmur il-partita billi jittrattienu-maws.

Ejjew jikkunsidraw kif speċifikat it-trasparenza tal-immaġini. CSS toffri żewġ għażliet. Biex tagħmel dan, għandek tirreġistra direttament fid-html-dokument Kodiċi kif ġej:

1. Speċifika t-triq għall-immaġini.
2. Aħna jiddefinixxu l-parametri ta 'trasparenza meta il-cursor ma jkunx. Biex tagħmel dan, aħna nużaw l-proprjetajiet tal-onmouseover u onmouseout, li jippreskrivi l-valur tal-opaċità, u ffiltra.

L-istess karatteristiċi tista 'tiġi preskritta fil css-dokument u l-kodiċi tas-sors li tiżdied referenza għal dan. Ir-riżultati jispiċċaw l-istess.

It-trasparenza tal test u paġna blokki

Fir-rigward it-test jew blokka (div trasparenti), css joffri għażla tagħha, simili għall-ħolqien ta 'immaġni trasparenti, inti għandek tuża l-konnessi css-fajl, li fihom il-parametri mixtieqa huma mniżżla. Inti tista 'tmur u b'mod aktar sempliċi. Meta tissettja l-istil div blokk stil jew test p jippreskrivu l html-code ġejja lill onmouseover u onmouseout elementi. Iż-żewġ għażliet jaħdmu u jipproduċu l-riżultat mixtieq.

kostanti trasparenza

F'xi każijiet, it-trasparenza ta 'oġġett, element tad-disinn jew test inti tixtieq li twaqqaf fuq bażi kontinwa. F'din is-sitwazzjoni, is-soluzzjoni hija saħansitra aktar sempliċi milli meta inti imbagħad jerġgħu il-cursor ġurdien.

Element css għat-trasparenza ser tingħata mill-kodiċi li ġej. Fl-istil div blokk jippreskrivi valuri għall-isfond (eż, # ff8800), opaċità (eż 0.5) u l-wisa (wisa ') u padding (ikkuttunar).

Għall-immaġini valuri tal-kodiċi qed jagħmlu u ffiltra opaċità, u jispeċifikaw il-passaġġ għall-immaġini.

RGBA-metodu

Hemm għażliet oħra għall-użu dan css proprjetà: trasparenza jistgħu jiġu applikati għall-kulur bażi ta 'kull element tad-disinn. Hija tuża metodu RGBA. L-ewwel tliet ittri joqgħod għal-kuluri bażiċi (aħmar, fissjoni, blu), u l-aħħar - alfa, li jistabbilixxi l-livell ta 'trasparenza. Bl-użu RGBA-format tippreskrivi trasparenza, li tipponta lill-aħħar ċifri. Per eżempju, bħala: sfond: rgba (240,2,33,0.4035).

konklużjoni

Għalhekk, billi tuża fil-kors tax-xogħol fuq id-disinn sit karatteristika sempliċi imma effikaċi css "trasparenza", inti tista 'tagħmel dan elementi bi sforz minimu aktar interessanti u aktar notevoli. Il embodiments deskritti huma karatteristiċi ta 'trasparenza tad-dwana ser jgħinuk ma' dan.