A css tulajdonság "átláthatósága" egy egyszerű módja annak, hogy a webhely designja érdekesebb legyen.
Manapság egyre inkább kialakul a weboldal kialakításaigazi művészet. Ez nem csak egy meghatározott színű és méretű oldal elemek összessége, a különböző stílusú betűtípusok és a tematikus rajzok. Annak érdekében, hogy a webhely másoktól eltérő legyen, felhívja a látogatók figyelmét és bizonyos elemekre irányítsa, hatalmas számú módszert és eszközt használnak. Közöttük van egy nagyon népszerű css tulajdonság - az átlátszóság. Ez a technika nagyon divatos és látványos, ezért gyakran használják. Átlátszóságot adhat a weboldal különféle elemeinek - például szövegnek, egy egész blokknak vagy képnek. Különféle módon érik el. Fontolja meg őket alább.
Az elem átlátszó beállításai
A fok beállítására szolgáló paramétereknéhány átlátszó elem. Ezeket a konkrét céloktól függően, valamint azt a böngészőt használják, amelynek a kialakítását „testreszabják”. Ezek a következő tulajdonságokat tartalmazzák:
- fényelnyelés;
- kiszűrni;
- PNG kép háttérként.
A css tulajdonság "átláthatóság" értékei megváltoznaka következőképpen: minél nagyobb a szám, annál alacsonyabb az elem átlátszóságának szintje. Az átlátszatlanság 0-tól 1-ig, szűrőn - 10-től 100-ig terjed. Ez utóbbi az Interet Explorer böngészőhöz, és minden máshoz az opacitás tulajdonság.
Kép átlátszósága (változó)
Kezdjük azzal a lehetőséggel, mikor jelenik meg az átlátszóság, amikor az egér kurzorának elemére mutatunk.
Fontolja meg, hogyan állítsa be a kép átlátszóságát. A CSS két lehetőséget kínál. Ehhez közvetlenül a html-dokumentum kódban kell regisztrálnia, az alábbiak szerint:
- Adja meg a kép elérési útját.
- Meghatározzuk az átláthatóság lehetőségeit, amikor lebeg, és nem. Ehhez használja az onmouseover és onmouseout tulajdonságokat, amelyekben az átlátszatlanság és a szűrő értékeit írjuk elő.
Ugyanezek a jellemzők regisztrálhatók a css-dokumentumban, és a forráskódban csak egy linket adjunk hozzá. Az eredmények megegyeznek.
A szöveg és az oldalblokkok átláthatósága
A szöveg vagy a blokk tekintetében (div átláthatóság),A css javasolja egy olyan lehetőség használatát, amely hasonló a kép átlátszóságához, vagyis használjon csatlakoztatott css fájlt, amelyben a szükséges paraméterek kerülnek beállításra. Mehet egyszerűbb módon. A div stílusblokk vagy a p stílus beállításakor írja be a következő html kódot az onmouseover és onmouseout elemekhez. Mindkét lehetőség működik, és a kívánt eredményt adja.
Átlátszóság állandó
Egyes esetekben az objektum, a tervezési elem vagy a szöveg átlátszóságát folyamatosan kell beállítani. Ebben a helyzetben a megoldás még egyszerűbb, mint az egér felett lebegni.
A css elemhez az átlátszóság lesz beállítvaa következő kódot. A div stílusblokkban adja meg a háttér (például # ff8800), az átlátszóság (például 0,5), valamint a szélesség és a párnázat értékeit.
Egy képhez hozzáadjuk az átlátszatlanság és a szűrő értékeit a kódhoz, és megjelöljük a kép elérési útját is.
RGBA módszer
Más felhasználási esetek is vannak.Ennek a css tulajdonságnak az értéke: az átlátszóság bármilyen tervező elem háttér színére alkalmazható. Ehhez használja az RGBA módszert. Az első három betű a fő színeket (piros, egész, kék), az utolsó - alfa pedig az átláthatóság szintjét jelöli. Az RGBA formátum használatával előírjuk az átláthatóság fokát, jelezve azt az utolsó számjegyben. Például, így: háttér: rgba (240,2,33,0,4035).
következtetés
Tehát használja, miközben dolgozikA weboldal kialakítása egyszerű, de hatékony css „átláthatóság” tulajdonság, elemeit érdekesebbé és észrevehetőbbé teheti minimális erőfeszítéssel. A transzparenciajellemzők meghatározására ismertetett lehetőségek segítenek ebben.
</ p>
