ugrás a tartalomhoz

Background Position

zoliky · 2009. Júl. 10. (P), 22.00
Hello,
Van egy CSS kod:

background-position: 0px -50px;
Az elso ertek (0px) az X-kordinata.
A masodik ertek (-50px) az Y-kordinata.

Ha fejbe vagom magam akkor sem ertem, hogy mukodik a meres az Y-kordinatan. Peldaul van egy kep (100x100px). Erdekes, hogy a "-50px" a kozepen van. Akkor a tobbi ertek hol van, peldaul -10px, -20px ?
 
1

sarok

Poetro · 2009. Júl. 10. (P), 22.25
A koordináták a bal felső sarokból értendők, ahogy programozás esetén általában. A background-position ennek megfelelően tolja x és y koordináták irányában a képet. Ha x pozitív, akkor jobbra, ha negatív akkor balra. Hasonlóan az y koordináta mentén a pozitív érték esetén lefele, negatív esetén pedig felfele fogja a képet tolni.
2

Ok tegyuk fel, hogy van egy

zoliky · 2009. Júl. 10. (P), 23.28
Ok tegyuk fel, hogy van egy 100x100px-es kep:

X: 100
Y: -0

Ebben az esetben az Y a jobb also sarokban van ?
3

Az Y az egy tengely, tehát

Fraki · 2009. Júl. 11. (Szo), 00.20
Az Y az egy tengely, tehát nem lehet semmilyen sarokban. Az előző hozzászólásból következik, hogy a (100,0) a képet 100px-lel jobbra tolja. A -0 és a 0 közt meg nincs különbség LOL. A kérdésből az látszik, hogy a te elképzelésedben az előjellel a viszonyítási pont is megváltozik.
4

Ne így közelítsd meg

eashlon · 2009. Júl. 11. (Szo), 00.31
Ne így közelítsd meg a kérdést, mert zsákutcában maradsz rendesen.
Úgy képzeld el kb, hogy mindig adott egy "befoglaló", és a "háttérkép".
Namost 3 eset lehetséges:
- mindkettő ugyanakkora: ez talán a legtriviálisabb, berakod (margó,padding!) és csini.
- háttérkép kisebb: vagy rábízod a böngészőre, vagy előjön a bg-repeat, vagy valahova odaigazgatod (top,bottom,center,left,right,px,%)
- háttérképed nagyobb: megfelelően pozicionálni kell a befoglalót a háttérhez.
Azaz magát a háttérmeződ bal felső sarkát tologatod a befoglaló bal felső sarkához képest.

Azaz ne pontszerűen tekints a tologatásra (van ilyen eset is), hanem inkább mindig területként gondolj rá. És akkor leesik, h a fenti kérdésedre a válasz -ha jól értem a kérdést- akkor jobb felső sarok :)