Css előfeszítő háttér képeket a css, az eltolás a háttérkép css
Előretöltés képek CSS van szükség, ha azt szeretné, hogy megjelenjen a kép kodga, csak bizonyos felhasználói műveleteket, és nem csak betölti a HTML dokumentumnak. Például, a változó a kép (háttér) a menüpont, ha az egérrel rámutat. A probléma az, hogy a böngésző betölti a rejtett kép csak a felhasználó intézkedéseket. Minél több betölti a képet, és lassabb kliens kapcsolatot a szerverrel, minél hosszabb a szünet előtt, a megjelenése a háttérkép. Kód css, amely megjeleníti a képeket késéssel, az alábbiakban közöljük. A kísérlet használhatja menu_bg.gif kép, menu_bg_hover.gif több MB méretű, akkor a jól észrevehető „hatás” szünet.
Példa menüt, ha ha felett lebeg egyik pont, a kép ehhez a művelethez megjelenik a késedelem:
Meg kell jegyezni, hogy miután újra betölteni az oldalt, a kép jelenik meg, amikor felett lebeg Punk menü maradhatnak a böngésző cache és a hatás a késedelem nem látható.
Pre-terhelése CSS:
Ahhoz, hogy megoldja ezt a problémát, meg kell adni a következő sort a CSS fájlban:
n7_img_preload # 123;
szélessége. 0px;
magasságot. 0px;
kijelzőn. inline;
background-image. url # 40; http. // obovsem .org .ua / img / menu_bg_hover2.gif # 41; ;
/ * További képek az előfeszítő * /
# 125;
És a HTML-dokumentum kód bármely pontján között
. rögzíti az ilyen tag:Példa menüt, ha fölé viszi egyik pont, a kép megjelenik a művelethez haladéktalanul:
A kombinált kép
Ha egy képet tartalmaz 2 képek megszabadulni a pre podgruzki kép CSS, akkor él a lehetőséggel. Amikor az egérrel egy menüpontot, akkor egyszerűen kell változtatni, segítségével CSS, a helyzet a háttérkép.
Példa menüt, ha ha felett lebeg egyik pont, a kép ezt a műveletet tárolni egyetlen fájlba a fő kép:
Példa a háttérben karinka torzítás. CSS segítségével. az alábbiakban mutatjuk be:
HTML-kód link ehhez az oldalhoz: