Настройка изображения для background страницы в планшете

Сообщение **Slashtore** » 29 апр 2017, 22:37

Искал ответ на вопрос в гугле, но то ли вопрос неправильно формирую, то ли что, нужного ответа не нахожу. Итак, в чём собственно проблема. На моём сайте главная страница, и для неё я установил нехитрое изображение, которое выступает основным фоном, режим наложения при этом выбран cover. Так вот, в компьютерном браузере никаких нареканий, всё верно, меняешь размер окна браузера, картинка автоматом равняется, подстраивается под размер, но, если заходить с планшета, то картинка просто растягивается от края до края по горизонтали, а ниже изображения уже идёт просто белый фон. Есть ли способ заставить изображение не только подрезаться под размер экрана по горизонтали, но и по вертикали, чтобы этого пустого белого фона небыло, а было полностью выбранное изображение.

Сообщение **Gudwinn** » 29 апр 2017, 22:46

пропишите в медиазапросе (ручками) нужное фоновое изображение с нужными параметрами через !important

Сообщение **Slashtore** » 29 апр 2017, 23:07

Вы это мне? )) Я не знаком с тонкостями кода, делаю сайт для себя, точнее постоянно его дорабатываю, в общем что есть в программе, тем пользуюсь. Если возможно, можно описать чуточку подробнее, где это писать?

Сообщение **Gudwinn** » 30 апр 2017, 00:03

Код: Выделить всё

<style>
@media only screen and (max-width: 560px) and (min-width: 320px){
#Layer1 {
    background-image: url(../images/0888888.jpg)!important;
}
}
</style>

вставьте что то такого вида в HEAD страницы, только урл картинки свой вставьте и айдишник слоя свой укажите.

Сообщение **Slashtore** » 30 апр 2017, 00:59

Спасибо. Попробую, надеюсь разберусь. При просмотре исходного кода страницы почему то только нет никакого background, и названия моей картинки тоже не видно нигде. Ладно.