dag, oprettelse af website design bliver en reel kunst.Det er ikke blot et sæt af sider i en bestemt farve og størrelse, skrifttyper, forskellige stilarter og tema billeder.For at lave en hjemmeside forskellig fra andre, for at tiltrække de besøgendes opmærksomhed og sende det til dem eller andre elementer ved hjælp af et stort antal metoder og værktøjer.Blandt dem er der en meget populær ejendom css - gennemsigtighed.Denne teknik er på mode og glamourøse, og derfor bruges ofte.Du kan give gennemsigtigheden af forskellige objekter sider - tekst, billede eller hele enheden, f.eks.Det kan også opnås på forskellige måder.Lad os undersøge dem nedenfor.
parametre for at indstille gennemsigtigheden af elementer
parametre gør det muligt at justere gennemsigtigheden af elementer af flere.De anvendes afhængigt af de specifikke mål, og browseren, som er under "justeret" design.Disse omfatter følgende egenskaber:
- opacitet;
- filter;
- PNG-billede som en baggrund.
ejendomsværdier css "gennemsigtighed" er ændret således: jo højere tal, jo lavere grad af gennemsigtighed af elementet.Opaciteten det varierer fra 0 til 1, i filter - fra 10 til 100. Og det sidstnævnte anvendes til browseren Interet Explorer, for alle andre gældende egenskab er opacitet.
Transparency billede (skiftende)
begynde med muligheder, når gennemsigtighed vil manifestere sig, når du bevæger musemarkøren til elementet.
overveje, hvordan at sætte gennemsigtigheden af billedet.CSS tilbyder to muligheder.For at gøre dette, skal du registrere den i kode html-dokument på følgende måde:
- Angiv stien til billedet.
- definerer parametrene for gennemsigtighed, når markøren ikke.Til dette bruger vi de egenskaber, onmouseover og onMouseOut, som foreskriver værdien og opacitet filter.
Disse karakteristika kan ordineres i css-dokument, og kildekoden for at tilføje et link til det.Resultaterne viser sig den samme.
transparent tekstblokke og side
Som for teksten eller blokken (gennemsigtig div), css tilbyder sin option, svarende til at skabe et gennemsigtigt billede, der bruges tilsluttet css-fil, som vil blive givet de nødvendige parametre.Du kan gå og en enklere måde.Når du indstiller den stil blok div style eller tekst p foreskriver følgende html-kode elementer til onmouseover og onMouseOut.Begge muligheder arbejde og giver det ønskede resultat.
Gennemsigtighed konstant
I nogle tilfælde, gennemsigtigheden af objektet, et design element eller tekst, du ønsker at indstille løbende.I denne situation er opløsningen endnu enklere end med musen.
css element for gennemsigtighed vil blive givet følgende kode.I blok div style ordinere værdier for baggrund (fx # ff8800), opacitet (f.eks, 0,5) og bredde (bredde) og polstring (polstring).
til billeder i koden gør værdier og opacitet filter, og angiv stien til billedet.
RGBA-metoden
Der er andre muligheder for at bruge denne ejendom css: åbenhed kan anvendes på baggrundsfarven på et element af design.Det bruger metoden til RGBA.De første tre bogstaver repræsenterer de grundlæggende farver (rød, fission, blå), og den sidste - alfa, der sætter niveauet for gennemsigtighed.Ved hjælp RGBA-format foreskriver gennemsigtighed, peger det til det sidste ciffer.For eksempel som: baggrund: RGBA (240,2,33,0.4035).
Konklusion
Således hjælp i forbindelse med arbejdet på site design er enkel, men spektakulære ejendom css "gennemsigtighed", kan du gøre det mere interessant og mere mærkbar elementer af minimal indsats.Den beskrevne udførelsesformer job ydeevne gennemsigtighed vil hjælpe dig med dette.
