Dnes, tvorba dizajnu webových stránok sa stáva skutočné umenie.Nie je to len sada strán určité farby a veľkosti, písma, rôznych štýlov a tematických obrazov.Aby sa webové stránky sa líši od ostatných, upútať pozornosť návštevníkov a odoslať ju na tie, alebo iných prvkov pomocou obrovské množstvo metód a nástrojov.Medzi nimi je veľmi populárna vlastnosť css - transparentnosť.Táto technika je veľmi moderný a elegantný, a preto sa často používa.Môžete dať transparentnosť rôznych objektov stránok - text, obraz, alebo celé jednotky, napr.To môže tiež byť dosiahnuté rôznymi spôsobmi.Poďme analyzovať nižšie.Parametre
nastaviť priehľadnosť prvkov
parametre umožňujúce nastaviť priehľadnosť prvkov niekoľko.Používajú sa v závislosti na konkrétnych cieľov, a prehliadač, ktorý je v rámci "upraveného" dizajn.Patrí medzi ne nasledujúce vlastnosti:
- nepriehľadnosť;
- filter;
- PNG-obraz ako pozadie.
majetkové hodnoty css "transparentnosť" sa mení a dopĺňa takto: čím vyššie číslo, tým nižšia je úroveň transparentnosti prvku.Nepriehľadnosť to sa líšia 0-1, vo filtri - od 10. do 100. A druhý je používaný pre prehliadač intérêt Explorer, a pre všetky ďalšie príslušné nehnuteľnosti je nepriehľadnosť.
Transparency obrazu (zmena)
začať s možnosťou, kedy bude transparentnosť prejaví pri pohybe kurzora myši na položku.
zvážiť, ako nastaviť priehľadnosť obrázka.CSS ponúka dve možnosti.K tomu, musíte sa zaregistrovať v kóde HTML dokumente nasledovne:
- Zadajte cestu k obrazu.
- definuje parametre transparentnosti, keď kurzor nie je.K tomu používame vlastnosti onmouseover a onmouseout, ktoré predpisuje filter hodnoty a krytia.
Tieto charakteristiky môžu byť predpísané v CSS-dokumente a zdrojový kód pridať odkaz na neho.Výsledky dopadlo rovnako.
transparentné textové bloky a strana
ako u textu alebo bloku (transparentné div), css ponúka svoju možnosť, podobný vytváranie transparentného obraz, ktorý sa používa pripojený CSS súbor, ktorý bude danú potrebné parametre.Môžete ísť a jednoduchší spôsob.Ak nastavíte bloku div style štýl alebo textu na strane predpísať tieto prvky html-kódu pre onmouseover a onmouseout.Obe možnosti pracovať a získa sa žiadaný výsledok.
Transparentnosť konštantný
V niektorých prípadoch, priehľadnosť objektu, dizajnový prvok, alebo text, ktorý chcete nastaviť na priebežne.V tejto situácii, je roztok ešte jednoduchšie ako u myší.
css prvkom pre transparentnosť budú mať nasledujúci kód.V blokovom div style predpísať hodnoty pre pozadie (napríklad # ff8800), krytie (napr 0,5) a šírka (šírka) a výplň (odsadenie).
pre obrázky v kóde robia hodnoty a nepriehľadnosť filter, a zadajte cestu k obrázku.
RGBA-metóda
Existujú aj iné možnosti pre použitie túto vlastnosť CSS: transparentnosť môže byť aplikovaný na farbu pozadia prvok dizajnu.Používa metódu RGBA.Prvé tri písmená predstavujú základné farby (červená, štiepenie, modrá) a posledný - alfa, ktorý nastavuje úroveň transparentnosti.Použitie RGBA-formát predpisuje transparentnosť, namieril ju na poslednú číslicu.Napríklad, as: pozadie: RGBA (240,2,33,0.4035).
Záver
Teda, s použitím v priebehu práce na dizajne stránok je jednoduchá, ale veľkolepý nehnuteľnosť css "transparentnosť", môžete robiť to viac zaujímavejší a výraznejšie prvky minimálnym úsilím.Popísaná transparentnosť výkon vykonaní práce vám pomôže s tým.
