2011-08-24 9 views
8

Jeśli mam obraz o wymiarach 1000x3000 pikseli i używam ujemnej pozycji tła, jak to działa?Pozycja w tle: -209px -2px, nie rozumiem ujemnego położenia tła

Pomyślałem, że zadziałało, przesuwając się w lewo 209 pikseli, następnie przesuwając się w górę o 2 piksele, a następnie pokazując pozostałą część, ale wydaje się, że działa odwrotnie.

+0

Czy możesz udostępnić swój kod tutaj? Jeśli widzimy, jak ją zbudowałeś, pomoże to w rozwiązaniu tego problemu. – Scottie

+1

Co rozumiesz przez "przeciwieństwo tego"? – Bojangles

+1

Tak, -209px lub pozytywny 209px odnosi się do samego obrazu, a nie do pozycji kontenera. Tak więc począwszy od 209px positive usuwa (z braku lepszego słowa) 209 pikseli z lewej strony. Przesuwanie obrazu w lewo, ale pozycja: absolutna lewa: -209px przesuwa pojemnik w lewo. – Wayne

Odpowiedz

24

Właściwość położenia tła faktycznie przesuwa sam obraz tła względem elementu. W przypadku instancji, jeśli używasz {background-position: 0 0}, oznacza to, że ustawiasz pozycję (0,0), która znajduje się u góry po lewej stronie obrazu w lewym górnym rogu elementu html.

-ve left offset oznacza, że ​​przemieszczają się obraz, w kierunku lewej strony, a -ve top offset środek ruchomy obraz do góry ..

podano pierwszy kod 0 dotyczy left offset i drugi 0 dotyczy top offset ..

{background-position: -209px -2px} 

oznacza, że ​​przesuwasz obraz 209 pikseli w lewo i 2 piksele w górę.

Mam nadzieję, że to ci pomoże.

0

należy interpretować negatywne objawy jak:

background-position: -x, -y; jest to samo, co powiedzenie ... pozycja tła: x pikseli lewo, y pikseli w górę;

+2

To jest nieprawidłowe. położenie tła: x piksele w prawo, y piksele w dół. Współrzędna X jest najważniejsza. – Dalal