Nykyään luomiseen sivuston suunnittelun tulee todellista taidetta.Kyse ei ole vain joukko sivuja tietyn värin ja koon, fontit, eri tyylejä ja teeman kuvia.Jotta verkkosivuilla erilainen kuin muut, houkutella huomiota kävijöitä ja lähettää sen niille tai muita elementtejä käyttäen valtava määrä menetelmiä ja työkaluja.Heidän joukossaan on erittäin suosittu ominaisuus css - avoimuutta.Tämä tekniikka on varsin muodikasta ja lumoava, ja siksi sitä käytetään usein.Voit antaa läpinäkyvyyden erilaisia esineitä sivuja - tekstin, kuvan tai koko yksikön, esim.Se voi myös saada aikaan eri tavoin.Tutkikaamme ne alla.
parametreja asettaa avoimuutta elementtien
parametrien avulla on mahdollista säätää läpinäkyvyyttä elementtejä useita.Niitä käytetään riippuen erityisiä tavoitteita, ja selain, joka on alle "säätää" design.Näitä ovat seuraavat ominaisuudet:
- opasiteetti;
- suodatin;
- PNG-kuvan taustan.
kiinteistöjen arvot css "läpinäkyvyyttä", ovat muuttuneet seuraavasti: suurempi luku, sitä pienempi avoimuutta elementin.Peittävyyttä se vaihtelee 0-1, suodatin- - 10 100. Ja jälkimmäistä käytetään selaimen intérêt Explorer, ja kaikkien muiden sovellettavien omaisuus on opasiteetti.
Avoimuus kuva (muuttuvat)
alkavat vaihtoehtoja, kun avoimuuden tarve ilmenee, kun siirrät hiiren kursori kohtaan.
miettiä miten asettaa läpinäkyvyyttä kuvan.CSS tarjoaa kaksi vaihtoehtoa.Voit tehdä tämän, sinun täytyy rekisteröidä sen koodin html-asiakirjaa seuraavasti:
- Määritä polku kuvan.
- määrittelee parametrit avoimuutta kohdistin ei ole.Tätä varten käytämme ominaisuuksia onmouseover ja onmouseout, jossa säädetään arvo ja peittävyyden suodatin.
Näitä ominaisuuksia voidaan määrätty css-asiakirjassa ja lähdekoodi lisätä linkin siihen.Tulokset osoittautua sama.
avoimia tekstiä lohkot ja sivun
Mitä tekstin tai lohkon (läpinäkyvä div), css tarjoaa vaihtoehdon, samanlainen luoda avoin kuva, jota käytetään liitetty css-tiedosto, joka annetaan tarvittavat parametrit.Voit mennä ja yksinkertaisempi tapa.Kun asetat tyyli lohko div style tai tekstiä p määrätä seuraavia html-koodia elementit onmouseover ja onmouseout.Molemmat vaihtoehdot toimivat ja antaa toivotun tuloksen.
Avoimuus vakio
Joissakin tapauksissa, avoimuutta esine, design-elementti tai teksti, jonka haluat asettaa jatkuvasti.Tässä tilanteessa, liuos on vielä yksinkertaisempi kuin hiirellä.
css osa avoimuudesta annetaan seuraavan koodin.Lohkossa div style määrätä arvot tausta (esim # ff8800), sameus (esimerkiksi, 0.5) ja leveys (leveys) ja täyte (täyte).
kuvia koodissa tekevät arvoja ja peittävyyden suodatin, ja määritä polku kuvan.
RGBA-menetelmällä
On muitakin vaihtoehtoja käyttää tätä ominaisuutta css: avoimuus voidaan soveltaa taustavärin rakennepiirteellä.Se käyttää menetelmää RGBA.Kolme ensimmäistä kirjainta ovat perusvärejä (punainen, fissio, sininen), ja viimeinen - alfa, jossa määritellään avoimuuden tasoa.Käyttämällä RGBA-formaatin määrää avoimuutta, osoittaa sen viimeisen numeron.Esimerkiksi, kuten: tausta: RGBA (240,2,33,0.4035).
Johtopäätös
Siten käyttämällä aikana työn sivuston ulkoasu on yksinkertainen mutta mahtava omaisuus css "avoimuus", voit tehdä siitä mielenkiintoinen ja enemmän havaittavissa elementtejä vähällä vaivalla.Kuvatut suoritusmuodot työsuorituksen avoimuudesta auttavat sinua tässä.
