Как расположить фоновое изображение в правом нижнем углу? (CSS) - PullRequest
Новая
       1

Как расположить фоновое изображение в правом нижнем углу? (CSS)

48 голосов
/ 11 октября 2011

У меня есть изображение размером 500x500 пикселей, которое установлено в качестве фонового изображения на моем веб-сайте (в качестве фонового изображения <body>), но мне нужно, чтобы это изображение было расположено в правом нижнем углу веб-страницы. Как мне этого добиться? (лучше с методом css)

Спасибо.

Ответы [ 4 ]

100 голосов
/ 11 октября 2011

Вуаля: 

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*/
}

Свойства фона можно объединять в одно свойство фона. Смотрите также: https://developer.mozilla.org/en/CSS/background-position

16 голосов
/ 22 ноября 2015

для более точного позиционирования: 

      background-position: bottom 5px right 7px;
12 голосов
/ 11 октября 2011

Это должно сделать это: 

<style>
body {
    background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>

http://www.w3schools.com/cssref/pr_background-position.asp

7 голосов
/ 11 октября 2011

Вы пробовали что-то вроде: 

body {background: url('[url to your image]') no-repeat right bottom;}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...