2011-10-11 18 views
41

Mam obraz 500 x 500 pikseli, który jest ustawiony jako obraz w tle na mojej stronie internetowej (jako obraz w tle z <body>). Ale potrzebuję tego obrazu do umieszczenia w prawym dolnym rogu strony. Jak mogę to osiągnąć? (lepiej z metodą css)Jak ustawić obraz tła w prawym dolnym rogu? (CSS)

Dziękuję.

Odpowiedz

80

Voilla:

body { 
    background-color: #000; /*Default bg, similar to the background's base color*/ 
    background-image: url("bg.png"); 
    background-position: right bottom; /*Positioning*/ 
    background-repeat: no-repeat; /*Prevent showing multiple background images*/ 
} 

Własności tła mogą być połączone ze sobą w jednej cechy tła. Zobacz także: https://developer.mozilla.org/en/CSS/background-position

+1

Thnx, bardzo mi dzisiaj pomogłeś))) – Ilja

+0

Nie działa, gdy obraz w tle jest wyższy niż wysokość ekranu ... – Legionar

+0

@Legionar Działa dobrze dla mnie, w Chrome 43 i Firefox 38. –

7

Próbowałeś coś takiego:

body {background: url('[url to your image]') no-repeat right bottom;} 
9

więcej dokładnie pozycjonowania:

 background-position: bottom 5px right 7px; 
+1

Dobra robota za zapewnienie przykładu na precyzyjne dostrajanie wyrównania obrazu tła względem "punktu dokowania" za pomocą pikseli –

Powiązane problemy