Ответить Новая тема Новый опрос 
 Вопрос по CSS
adwebzoom


Cпециалист
Сообщений: 123
Регистрация: 05-11-2013


17-02-2020 03:17
Доброго дня!
Подскажите по стилям.

Имеется фоновое изображение <!-- Category image -->, которое при прокрутке страницы остается зафиксированным (не помню как называется эффект) вывожу его
Код:
background: url(https://site.ru/c/14-tm_category_default/1.jpg) 0px 0px / cover no-repeat fixed rgba(0, 0, 0, 0);


Проблема в том что данное изображение не адаптируется под размер экрана, а отображается в полный масштаб (1920х600). Как его сделать адаптивным под размер экрана?
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
adwebzoom


Cпециалист
Сообщений: 123
Регистрация: 05-11-2013


17-02-2020 04:15
Пояснение. Изначально фоновое изображение прокручивалось вместе со страницей, стандартно. Нашел код в шаблоне category-description (указан в предыдущем сообщении) и добавил строчку 0px 0px / cover no-repeat fixed rgba(0, 0, 0, 0). Таким образом получил что было задумано. Но изображение пояему-то не адаптируется под размеры экрана.
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


17-02-2020 14:46
Цитата:( adwebzoom @ 17-02-2020 05:15 Смотреть сообщение )
Но изображение пояему-то не адаптируется под размеры экрана.

Попробуйте
Код:
cover
заменить на
Код:
contain
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
adwebzoom


Cпециалист
Сообщений: 123
Регистрация: 05-11-2013


17-02-2020 16:02
Алекс, благодарю!
Совет помог!
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос