Nepremičnine css "transparentnost" - preprost način, da bi oblikovanje spletnih strani zanimivo

Danes, oblikovanje spletne strani design postane prava umetnost.To ni samo niz strani določene barve in velikosti pisav, različnih stilov in tematskih slik.Da bi spletna stran razlikuje od drugih, da bi pritegnili pozornost obiskovalcev in ga pošljite na teh ali drugih elementov uporablja veliko število metod in orodij.Med njimi je zelo priljubljena lastnost css - preglednost.Ta tehnika je zelo v modi in očarljiv, zato se uporablja pogosto.Lahko bi preglednost različnih predmetov strani - besedila, slike ali celotne enote, na primer.To je mogoče doseči na različne načine.Dovolite nam jih bo preučila v nadaljevanju.

parametri za nastavitev transparentnosti elementov

parametrov, ki omogočajo, da prilagodite transparentnosti elementov več.Uporabljajo se glede na posebne cilje, in brskalnik, ki je pod "popravljeni" design.Ti vključujejo naslednje lastnosti:

  • nepreglednost;
  • filter;
  • PNG slika kot ozadje.

vrednosti nepremičnin css "transparentnost" se spremeni, kot sledi: višja številko, nižjo raven preglednosti elementa.Motnost se giblje od 0 do 1, v filtru - od 10 do 100. In slednje se uporablja za brskalnik intérêt Explorer, in za vse druge, ki se uporablja premoženje je motnosti.

Preglednost sliko (spreminjanje)

začeti z možnostmi, ko se bo preglednost manifestira, ko premaknete miškin kazalec na postavko.

razmisliti, kako nastaviti preglednost slike.CSS ponuja dve možnosti.Če želite to narediti, morate registrirati v kodo HTML-dokument, kot sledi:

  1. Podajte pot do slike.
  2. opredeljuje parametre preglednosti, ko je kazalec ne.Za to smo uporabili lastnosti onmouseover in onmouseout, ki predpisuje filter vrednost in motnost.

Te značilnosti se lahko predpiše v CSS-dokumentom in izvorne kode, da dodate povezavo do nje.Rezultati izkaže enaka.

pregleden besedilni bloki in stran

Kot je za besedilo ali bloku (transparent div), css ponuja svojo možnost, podobno oblikovanje preglednega podobo, ki se uporablja povezan CSS-datoteko, ki bo dano potrebne parametre.Lahko greš in enostavnejši način.Ko nastavite slog blok div slog ali besedila na strani predpisati naslednje elemente html kode za onmouseover in onmouseout.Obe možnosti delujejo in dobimo želenega rezultata.

Preglednost konstantna

V nekaterih primerih, transparentnost objekta, element oblikovanja ali besedilo, ki ga želite nastaviti na trajni osnovi.V tem primeru, je rešitev še lažje kot z miško.

css element za preglednost bodo imeli naslednje kode.V bloku div slogu predpiše vrednosti za ozadje (npr # ff8800), motnost (npr 0,5) in širino (širina) in oblazinjenje (oblazinjenje).

za slike v kodi so kar vrednote in motnost filter in določite pot do slike.

RGBA metoda

Obstajajo tudi druge možnosti za uporabo te lastnine CSS: preglednost se lahko uporablja za barvo ozadja elementa konstrukcije.Uporablja metodo RGBA.Prve tri črke predstavljajo osnovne barve (rdeča, cepitve, modra) in zadnji - alfa, ki določa stopnjo preglednosti.Uporaba RGBA-format predpisuje preglednost, da kaže na zadnjo cifro.Na primer, kot: ozadje: RGBA (240,2,33,0.4035).

Zaključek

Tako uporabo v teku dela na site design je preprost, a spektakularna lastnost css "transparentnost", lahko bi bilo bolj zanimivo in bolj opazen elementi minimalnim naporom.Opisana transparentnost uspešnosti izvedbe naloga, ki vam bo pomagal pri tem.