Stránka 1 z 1

Jak "zmrazit-znehybnit" obrázek ve stránce?

Napsal: 27 srp 2012 20:50
od NYMEK
Ahojky všem prosím o radu kódu nebo scriptu při uložení obrázku-ikony s odkazem na Facebook jako je to na stránce
http://www.kdomitoudela.cz/ v levé části. Při scrollování se obrázek nehýbá a zůstává na stejné pozici jakoby "přimražený" :-)
Díky za odpověď
NYMEK

Re: Jak "zmrazit-znehybnit" obrázek ve stránce?

Napsal: 27 srp 2012 20:54
od d1amond
viz bgproperties
http://www.jakpsatweb.cz/pozadi.html

a pomocí css vlastnost background-attachment: fixed.

Re: Jak "zmrazit-znehybnit" obrázek ve stránce?

Napsal: 27 srp 2012 23:13
od NYMEK
Díky moc za odpověď. Koukal jsem na ten odkaz, ale je to hodně zeširoka...samé pozadí. Můžeš mi prosím napsat přímo kód, jak bys to udělal?
Díky moc předem za odpověď.
NYMEK

Re: Jak "zmrazit-znehybnit" obrázek ve stránce?

Napsal: 29 srp 2012 02:19
od LuCaCZ
Aby se nějaký objekt na stránce nehýbal, přiřadíš mu pomocí CSS position: fixed a pak kde má být (top, left). Takže by to pak mohlo vypadat nějak takto:

Kód: Vybrat vše

<div style="position: fixed; top: 100px; left: 0">
cokoliv co se nemá hýbat
</div>

position: fixed určuje pevnou pozici relativně k oknu prohlížeče, top kolik pixelů(procent) od shora, left zleva... apod.