Css görgetősáv - festeni a görgetősáv olyan css

Bizonyos esetekben lehet adományozni a szokásos fajta ellenőrzések és a felület egy kis fűszer fel a saját stílusát. Ma beszélünk görgetősávokkal (görgetősáv), hanem inkább arról, hogyan változik a megjelenésük CSS segítségével.







CSS tulajdonságok görgetősáv

A kezdetektől fogva, szeretném megjegyezni, hogy a CSS tulajdonságokat az alábbiakban meghatározott kiterjesztése a CSS2 specifikáció által bevezetett Microsoft megvalósíthatók kezdve IE 5.5

A görgetősáv áll háttér, csúszka és vége gombok nyilakkal.

Gombokkal lehet aktív vagy sem. Ha a görgetősáv nem aktív, a csúszka hiányzik.

A legegyszerűbb módja annak, hogy változtatni a görgetősáv van állítva egy ingatlan görgetősáv-alapszín. Ez a tulajdonság állítja be az előtér színét a görgetősáv. Hacsak másként nem definiált tulajdonságait görgetősáv, a csúszka és a scroll gomb jelenik meg egy bizonyos színt a háromdimenziós hatást. Háttér a görgetősáv jelenik meg ez a szín is, de csak tisztázni.

Például görgetősáv-base-color: lime vezet az eredményeket mutatjuk be.

Természetesen meg lehet csinálni sokkal finomabb scrollbars más CSS tulajdonságokat.

görgetősáv-3dlight színes - színes állítja felső és bal határait a görgetősáv, a hüvelyk- és a nyilak. görgetősáv-arrow-color - beállítja a színt a nyilak a görgetősáv segítségével. görgetősáv-darkshadow színű - beállítja a színt az „árnyék” által leadott csúszkát és a gombokat görgetősávok (a szín a jobb és az alsó korlát). görgetősáv-face-color - állítja az előtér színét csúszkát és gördítőgombokkal görgetősáv. görgetősáv-highlight szín - beállítja a színt a „világít” a csúszka, és lapozzunk a görgetősáv gomb (bal és felső szín az arcukat). görgetősáv-árnyék-szín - beállítja a színt a „kivilágítatlan” A csúszó és gördítőgombokkal görgetősávok (a szín a jobb és alsó arcuk). Nem tévesztendő össze a színe az „árnyék” adja attribútumok görgetés darkshadow színű. görgetősáv-track-color - beállítja a háttér színét a görgetősáv, részben, amely a csúszka mozog.







Mint már említettük, a végén gomb lehet akár aktív vagy nem aktívak. A különbség az aktív és inaktív gombok csak a színek megjelenítéséhez használt gombokat. Az aktív gomb jelenik meg a nyíl színek görgetősáv-arrow-color (a fenti ábrát). Az inaktív nyíl gomb jelenik meg a színes görgetősáv-árnyék-szín és görgetősáv-highlight szín. A fennmaradó elemeit az aktív és inaktív gomb teljesen egybe.

Külön-külön, a háttérben

Háttér a görgetősáv által meghatározott tulajdonságok görgetősáv-track-color (lásd a fenti ábrát). Ha ez a tulajdonság nincs megadva, a mintázat alakult ki a két szín (görgetősáv-highlight szín és görgetősáv-face-szín), rendezett sorban helyezzük (lásd az alábbi ábrát).

Miért dolgozott, és most van!

Bár nem volt IE5.5 böngészőben görgetés szín beállítva, hogy az ingatlan a BODY elem. Azonban a megjelenése IE6, ezek a stílusok nem mindig működik. Miért?

Ez a viselkedés oka, hogy a DOCTYPE irányelv és annak hatása a box-böngésző modell szerint. Általában, ha a böngésző kompatibilitási módban (Quirks mód), akkor minden rendben van, így ha a böngésző követi a szabványokat (Standards mód), a stílusok gördítősáv használt TEST nem működik. Anélkül, hogy részletesen fogom mondani, hogy ez könnyen orvosolható a stílusok alkalmazása, valamint a HTML elem (lásd az alábbi példát).

Néhány szó a többi böngésző

Amellett, hogy az Internet Explorer 5.5+ izmenenyat scrollbars CSS május Opera 7.23+ Konqueror 3.1+. Azonban, az Opera 7.5 változat ehhez meg kell változtatni a böngésző beállításait (Style opció). Ezen túlmenően, az Opera lehetővé teszi, hogy módosítsa a görgetés csak akkor, ha kompatibilitási módban (Quirks mód).

-> Beszéljük cikket a fórum

<- Назад к списку статей