Premoženje css `prosojnost `je preprost način, da bi bila zasnova spletne strani bolj zanimiva

Danes oblikovanje spletne strani postaja prava umetnost. To ni samo niz elementov strani določene barve in velikost, pisave različne sloge in tematske risbe. Da bi stran postala drugačna od drugih, da bi pritegnila pozornost obiskovalcev in jo usmerila na tiste ali druge elemente, se uporablja veliko metod in orodij. Med njimi je zelo priljubljena lastnina CSS - preglednost. Ta tehnika je precej modna in učinkovita, zato se pogosto uporablja. Lahko si pregledate različne predmete na strani spletnega mesta - besedilo, celoten blok ali sliko, na primer. Prav tako je dosežena na več načinov. Poglejmo jih spodaj.

Parametri za določanje preglednosti elementov

Parametri, ki omogočajo uravnavanje stopnje preglednosti elementov, so več. Uporabljajo se glede na posebne namene, kot tudi brskalnik, pod katerim je zasnova "prilagojena". Te vključujejo naslednje lastnosti:

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

Nepremičnine vrednost css "transparentnost" se spremeni, kot sledi: večja kot je številka, nižjo raven preglednosti elementa. Motnost, se spreminja od 0 do 1, pri filtru - od 10 do 100., slednji pa se uporablja za intérêt Explorer brskalnik, in vseh drugih motnost objekta.

Preglednost slike (spreminjanje)

Začnimo s to možnostjo, ko se pri premikanju nad elementom prikaže preglednost kazalec miške.

Premislite, kako nastavite preglednost slike. CSS ponuja dve možnosti. Zato je treba to vnesti neposredno v kodo html-dokumenta, kot sledi:

1. Določite pot do slike.
2. Določite nastavitve prosojnosti, ko lebdite nad kazalko in ne. Če želite to narediti, uporabljamo lastnosti onmouseover in onmouseout, v katerih smo nastavili nepreglednost in vrednosti filtra.

Te iste značilnosti lahko zapišemo v css-dokumentu, v izvorno kodo pa dodamo le povezavo do nje. Rezultati so enaki.

Preglednost besedilnih in stranskih blokov

Kot je za besedilo ali bloku (pregledna div), CSS ponuja svojo opcijo, ki je podoben ustvarjanju pregledno sliko, morate uporabiti povezan CSS datoteko, v kateri so določene želene parametre. Pojdite lahko na preprostejši način. Ko nastavite div slog slog blok ali besedilo p predpiše naslednje html kodo za onmouseover in onmouseout elementov. Obe možnosti delata in dajo želeni rezultat.

Konstanta preglednosti

V nekaterih primerih je treba stalno določiti preglednost predmeta, elementa ali besedila. V tej situaciji je rešitev še lažja, kot če pritisnete miškin kazalec.

Za element CSS je prosojnost podana z naslednjo kodo. Pri bloku slogu div predpiše vrednosti za ozadje (npr # ff8800), motnost (npr 0,5) in širino (širina) in podlogo (padding).

Za sliko v kodi vnesemo vrednosti motnosti in filtra ter določimo tudi pot do slike.

RGBA metoda

Obstajajo še druge možnosti za uporabo te lastnosti css: prosojnost se lahko uporabi za barvo ozadja katerega koli elementa zasnove. Za to se uporablja metoda RGBA. Prve tri črke označujejo osnovne barve (rdeča, trdna, modra) in zadnja - alfa, ki določa stopnjo preglednosti. S formatom RGBA določite stopnjo preglednosti, ki jo označite v zadnji številki. To je na primer primer: ozadje: rgba (240,2,33,0,4035).

Zaključek

Tako je z uporabo v okviru dela na site design preprosta, vendar učinkovita funkcija css "transparentnost", lahko bi bilo bolj zanimivo in bolj opazen elementi z minimalnim naporom. Opisane možnosti za določanje značilnosti prosojnosti vam bodo pomagale pri tem.