Вход | Регистрация | FAQ
Anonymous

Позиционирование изображений

+ Ответить

Сообщений: 2 Страница 1 из 1


Позиционирование изображений

Dimmon » Вс фев 09, 2014 5:36 pm

Здравствуйте. Не очень силен в css как мне сделать положение изображения не относительно окна браузера. А относительно высоты страницы.

код css
Код: Выделить всё
html, body {
    height:100%;
}

body {
   font-size:13px;color:#222;
   text-align:center;


в самом html
Код: Выделить всё
html {
height:100%;
  background: url('путь/bk.jpg');

    background-size: 100%;
}

body {
height:100%;
background: url('путь/41.png') no-repeat left 300px,
url('путь/51.png') no-repeat right bottom,
url('путь/31.png') no-repeat right top ;
}
</style>

Как сделать так что бы картинка 31 была в самом верху справа а 52 в самом низу слева. Не по высоте окна, а по высоте содержимого.
Аватара пользователя

Dimmon

  • Сообщения: 1
  • Зарегистрирован: Вс фев 09, 2014 5:25 pm

Re: Позиционирование изображений

XainPro » Пт фев 14, 2014 10:52 pm

#example1 {
width: 500px;
height: 250px;
background-image: url(sheep.png), url(betweengrassandsky.png);
background-position: center bottom, left top;
background-repeat: no-repeat;
}
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm


+ Ответить

Страница 1 из 1