Az ingatlan css "átláthatóság" - egy egyszerű módja annak, hogy a website design érdekes

click fraud protection

Ma létrehozását website design válik igazi művészet.Ez nem csak egy sor oldalas, egy bizonyos színt és méretet, betűtípusok, különböző stílusok és téma kép.Annak érdekében, hogy a honlapon különbözik másoktól, hogy vonzza a látogatók figyelmét, és küldje el azokat, vagy más elemek segítségével rengeteg módszerek és eszközök.Köztük van egy nagyon népszerű ingatlanok css - az átláthatóság.Ez a technika nagyon divatos és elbűvölő, és ezért gyakran használják.Adhat az átláthatóság különböző tárgyak oldalak - szöveges, képi, vagy az egész egység, például.Azt is meg lehet elérni különböző módokon.Vizsgáljuk meg őket az alábbiakban.

paraméterek beállításához elemei átláthatóságának

paraméterek lehetővé teszik, hogy állítsa elemei átláthatóságának több.Hozzá vannak szokva függően az adott célokat, és a böngésző, amely szerint a "korrigált" design.Ezek közé tartoznak a következő tulajdonságokat:

  • átlátszatlanság;
  • szűrő;
  • PNG-kép, mint a háttér.

ingatlan értékének css "átláthatóság" az alábbiak szerint változnak: minél nagyobb a szám, annál kisebb az átláthatóság az elem.A fényelnyelés változik 0-1, a szűrő - 10-től 100 És az utóbbit használják a böngészőt INTERET Explorer, és minden egyéb vonatkozó tulajdonság fedőképesség.

Transparency kép (változó)

kezdődik lehetőségeket, amikor az átláthatóságot fog megnyilvánulni, amikor mozgatja a kurzort, hogy a tételt.

, hogy hogyan lehet beállítani az átláthatóságot a képet.CSS két lehetőséget kínál.Ehhez regisztrálni kell a Code html-dokumentum az alábbiak szerint:

  1. Adja az elérési utat a képet.
  2. azokat a paramétereket az átláthatóság, amikor a kurzor nem.Ehhez használja a tulajdonságok onmouseover és onMouseOut, amely előírja az értéket és átláthatatlan szűrőt.

Ezek a jellemzők is előírt css-dokumentumot, és a forráskódot, hogy adjunk egy linket hozzá.Az eredmények kiderülhet ugyanaz.

átlátható szöveges blokkok és az oldal

Ami a szöveg vagy blokk (átlátszó div), css kínál lehetőséget, hasonlóan olyan átlátható képet, hogy használják csatlakozik css-fájl, ami kell adni a szükséges paramétereket.Mehetsz és egyszerűbb módon.Amikor elindult a stílus blokkot div style vagy szöveges p felírni a következő html kódot elemek onmouseover és onMouseOut.Mindkét lehetőség működik, és adja meg a kívánt eredményt.

Transparency állandó

Egyes esetekben az átláthatóságot a tárgy, egy design elem vagy szöveges szeretné beállítani folyamatosan.Ebben a helyzetben, a megoldás még egyszerűbb, mint az egérrel.

css eleme az átláthatóság kap a következő kódot.Blokkban div style felírni értékeket háttér (például # ff8800), átlátszatlanság (pl, 0,5), és a szélessége (szélesség) és párnázás (padding).

a képeket a kódot teszik értékek és homályossága szűrőt, és adja meg az útvonalat, hogy a kép.

RGBA-módszer

Vannak más lehetőségek felhasználásával az ingatlan css: az átláthatóság lehet alkalmazni, hogy a háttér színe szerkezeti elem.Módszerül a RGBA.Az első három betű képviseli az alapszínek (piros, maghasadás, kék), és az utolsó - alfa, amely meghatározza az átláthatóság.Segítségével RGBA-formátumban előírja az átláthatóság, rámutatva, hogy az utolsó számjegyet.Például, mint: háttér: RGBA (240,2,33,0.4035).

Következtetés

Így, a munka során a helyszínen design egyszerű, de látványos ingatlan css "átláthatóság", akkor lehet, hogy sokkal érdekesebb és jobban észrevehető elemeit minimális erőfeszítéssel.A leírt kiviteli munkateljesítmény átláthatóság segít Önnek ebben.