Масштабирование картинки

rdyu

Постоялец
Регистрация
1 Дек 2013
Сообщения
65
Реакции
29
Приветствую всех..
Есть код
Код:
<style>
#background
{
    position: absolute;
    background-image: url('/images/img.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: -15px;
    right: 55px;
    margin:10px;
}

</style>

<div id="background"></div>

Который выводит картинку в определенном месте.
Проблема в том что на мобильной версии он ее не масштабирует и перекрывает все элементы.
Подскажите можно как то ее в зависимости от разрешения экрана масштабировать?
 
background-size: cover; или background-size: contain; Еще можешь использовать дополнительную обертку в виде <div style=" width:100%; height:0;overflow:visible;"></div> Если это плавающий элемент то к обертке добавь position, left, top и z-index
 
  • Нравится
Реакции: rdyu
Назад
Сверху