Hvordan å bruke Opacity / Transparency i CSS3 - dummies

Opasiteten eller gjennomsiktigheten er en ny effekt i CSS3. Designere er virkelig i de tidlige stadiene av å eksperimentere med denne effekten. I CSS3 defineres gjennomsiktighet ved å tilordne en verdi til opacitetsegenskapen . En helt ugjennomsiktig gjenstand forklarer helt hva som står bak det; Objekter som ikke er helt ugjennomtrengelige, er delvis gjennomsiktige eller gjennomsiktige.

Definere halvtransparent bakgrunn for sidelayoutelementer med CSS3 presenterer noen spennende alternativer for webdesignere. Semitransparent bakgrunn brukes ofte, for eksempel i rullegardinlister. Der har rullegardinmenyelementene. 5 opacity tildelt (de er 50 prosent gjennomsiktige). Som et resultat blir det underliggende sideinnholdet synlig når en meny faller ned.

Egenskapen for opasitet er definert med en verdi som varierer fra 0 (helt usynlig) til 1 (fullstendig ugjennomsiktig; ikke gjennomsiktig i det hele tatt). Så for eksempel en opasitetsverdi på. 8 gjør et objekt 80 prosent ugjennomsiktig, og så videre.

Egenskapen for ugjennomsiktighet krever ikke prefikser for forskjellige nettlesere. Syntaxen er enkel:

opasitet:. x

Den viste rullegardinlisten er for eksempel definert som:

. meny_boks {bakgrunnsfarge: # 999; polstring: 2px; farge: # 333333; opasitet:. 5;}