Добро пожаловать на ИТ форум!

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

Регистрация

Проблема с адаптивным background-image

Статус
Закрыто для дальнейших ответов.

firstfire

Новичок
Регистрация
31.07.2018
Сообщения
2
Здравствуйте, изучаю основы html и css, подскажите можно ли реализовать фон таким образом что бы при различных размерах дисплея он был смотрибельным, инструкция background-size: cover; не справляется с задачей в полной мере, в определенный момент изображение делится пополам. Пример конструкции https://jsfiddle.net/6qugmak8/6/ , и не могли бы подсказать как работают остальные свойства background-size, в каких ситуациях используется? Спасибо.
 

firstfire

Новичок
Регистрация
31.07.2018
Сообщения
2
Благодарю, подскажите ещё пожалуйста инструкция background-position что делает? Я потыкал и так понял она выравнивает бекграунд относительно родительского блока, я правильно понял?? И такой еще вопрос, код лучше размещать так как вы в примере сделали, или можно построчно писать? Прошу прощения и почему это работает только с тегом HTML?
BaNru сказал(а):
Тут подробно описано
http://htmlbook.ru/css/background-size

Если я правильно понял проблему, то исправляется она вот так
https://jsfiddle.net/6qugmak8/12/
 

BaNru

Пацифизжу
Регистрация
13.11.2010
Сообщения
3 900
firstfire сказал(а):
инструкция background-position что делает? Я потыкал и так понял она выравнивает бекграунд относительно родительского блока, я правильно понял??
Да. На такие вопросы есть ответы тут. Настоятельно рекомендую в закладки тот сайт.

firstfire сказал(а):
И такой еще вопрос, код лучше размещать так как вы в примере сделали, или можно построчно писать?
Можно, главное не забывать про скобочки и точки с запятой.
Но читать код удобнее многострочный
 
Статус
Закрыто для дальнейших ответов.
Верх Низ