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

background-image

СообщениеДобавлено: 24 мар 2010, 02:27
Альтаир Бергадлер
У меня есть изображение с очень большим разрешением, как его поставить на фон, что бы оно автоматом изменялось до нужных размеров. Я слышал термин резиновый или как-то так. :oops:

СообщениеДобавлено: 24 мар 2010, 15:17
Nekstati
http://webimg.ru/faq/fonovaya-kartinka/ ... a-brauzera

Можно и проще, посредством CSS3, но это не сработает в IE:

Код: выделить все
body {
    background-image: url(background.png);
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -khtml-background-size: contain;
}


"Сontain" — размер изображения будет уменьшен по размеру страницы.
"Сover" — размер изображения будет увеличен по размеру страницы.

СообщениеДобавлено: 24 мар 2010, 20:43
Альтаир Бергадлер
Благодарю, работает
Но вот незадача, у меня большое разрешение монитора, и изображение слазит немного влево, у других пользователей все в порядке

СообщениеДобавлено: 24 мар 2010, 23:22
Альтаир Бергадлер
Проблема решилась, установил нормальное разрешение рисунка.
Nekstati очень признателен