Css картинка на весь экран
Автор Евгений Яц задал вопрос в разделе Верстка, CSS, HTML, SVG
Как сделать изображение background в css адаптивное автоматически под все экраны и получил лучший ответ
Ответ от Ирэн Ницше[гуру]
Блок, к которому она фоном, должен иметь ширину в процентах.
И настроить свойства этого фона, cover например.
Ответ от Joomla CMS[гуру]
background-size:100%;
ссылка
background-size:100%;
ссылка
Ответ от Cat Butcher (Безумие)[активный]
Ну, что я могу сказать
Первое, это тебе надо картинку адаптировать на разные разрешения, где и как она будет обрезаться (если будет)
Второе, это задать через @media замену фона
(@media почитай на htmlbooks)
Ну, что я могу сказать
Первое, это тебе надо картинку адаптировать на разные разрешения, где и как она будет обрезаться (если будет)
Второе, это задать через @media замену фона
(@media почитай на htmlbooks)
Ответ от Влад Соколов[новичек]
ну я в таком случае предлагаю следующее:
если вы выносите таблицу стилей css в отдельный файл (а я рекомендую для удобства так и делать), то вам стоит прописать в ней параметры тега body примерно так:
body {
background-image: url(Background.jpg);
background-attachment: fixed;
background-size: cover;
}
ну и разумеется остальные параметры этого тега по желанию. Так ваша картинка автоматически будет масштабироваться, заполняя весь экран, не будет "пазловой картинки". У этого метода есть одна особенность (некоторые считают плюсом, некоторые минусом) - строчка background-attachment: fixed; фиксирует картинку, иными словами делает так, чтобы бри прокрутке страницы фоновая картинка не прокручивалась, а оставалась на месте.
ну я в таком случае предлагаю следующее:
если вы выносите таблицу стилей css в отдельный файл (а я рекомендую для удобства так и делать), то вам стоит прописать в ней параметры тега body примерно так:
body {
background-image: url(Background.jpg);
background-attachment: fixed;
background-size: cover;
}
ну и разумеется остальные параметры этого тега по желанию. Так ваша картинка автоматически будет масштабироваться, заполняя весь экран, не будет "пазловой картинки". У этого метода есть одна особенность (некоторые считают плюсом, некоторые минусом) - строчка background-attachment: fixed; фиксирует картинку, иными словами делает так, чтобы бри прокрутке страницы фоновая картинка не прокручивалась, а оставалась на месте.
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Как сделать изображение background в css адаптивное автоматически под все экраны
спросили в Железо
Изображение не на весь экран
карта Radeon? зайди в CCC там во весь экран попробуй.
Артем Киселев
подробнее...
Изображение не на весь экран
карта Radeon? зайди в CCC там во весь экран попробуй.
Артем Киселев
подробнее...
Как задать в html чтобы картинка растягивалась по размеру экрана) она огромная а надо сжимать её по размеру экрана
если речь о картинке <img .../> - то правильно подсказывают.
<img style="width:
подробнее...
спросили в Relativity
CSS Скажите господа верстальщики -- какая разница между Absolute и Relative ?
Если говорить парой слов, то absolute работает в relative
Родительскому элементу задаем
подробнее...
CSS Скажите господа верстальщики -- какая разница между Absolute и Relative ?
Если говорить парой слов, то absolute работает в relative
Родительскому элементу задаем
подробнее...
спросили в Железо
скажите я скачал игру на psp и потом что делать как игру перекинуть на psp чтоб она играла
Инструкция по установки ISO и CSO игр для PSP:
У вас должна быть установлена кастомная
подробнее...
скажите я скачал игру на psp и потом что делать как игру перекинуть на psp чтоб она играла
Инструкция по установки ISO и CSO игр для PSP:
У вас должна быть установлена кастомная
подробнее...
как установить обои на весь экран в планшете под андроид 2 ?
или не так чет делаете или поставьте сторонюю прогу.. например
С помощью программы
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
как на сайте сделать изображение на весь экран? Реально на весь экран (любого монитора)?
1) Сброс стилей по умолчанию спасет. В CSS:
* { padding:0; margin:0; }
В данном случае,
подробнее...
Как растянуть фон на весь экран?
Растянуть через CSS - никак (CSS только дублирует) , растянуть можно с помощью JS. В данном примере
подробнее...
Почему не показывает каналы "Россия 1, 2, 24" на цифровом тв? месяц назад все было идеально, а тут "нет сигнала"...
Только три канала, или весь мултиплекс не показывает ?
В связи с наступлением периода осенней
подробнее...
для чего эта прога XnView ?
XnView – яркий пример того, что среди бесплатного обеспечения (FreeWare) встречаются очень мощные
подробнее...
Какой тв купить ?
Такого чёрного в технологии ЖК ТВ не добиться .
LG 55UH671V
LG 55UH950V
Philips
подробнее...
спросили в 902 год
Что представляет из себя полусфера?
L'HEMISFERIC - Полусфера.
Строительство здания было завершено в 1998 году. По своему
подробнее...
Что представляет из себя полусфера?
L'HEMISFERIC - Полусфера.
Строительство здания было завершено в 1998 году. По своему
подробнее...
Какой телевизор лучше брать? ЖК, Плазма, или LED... Какая вообще разница?
"Лучший" телевизор не нужно искать - не найдёте, т. к. его нет. Вернее, можно найти "самую-самую"
подробнее...
спросили в Провайдер
Скажите плиз как можно менять IP адрес не обращаясь к провайдеру ??
Ты задаёшься вопросом об IP-адресе: для чего он, как он присваивается, где он регистрируется, как
подробнее...
Скажите плиз как можно менять IP адрес не обращаясь к провайдеру ??
Ты задаёшься вопросом об IP-адресе: для чего он, как он присваивается, где он регистрируется, как
подробнее...
спросили в TM Forum
Пожалуйста напишите ВСЕ коды к фаллаут 4 и айтимов айди к кодам тоже напишите!
вот
tgm - режим бога (бессмертие).
tai - отключает ИИ, все NPC стоят на месте.
tcai
подробнее...
Пожалуйста напишите ВСЕ коды к фаллаут 4 и айтимов айди к кодам тоже напишите!
вот
tgm - режим бога (бессмертие).
tai - отключает ИИ, все NPC стоят на месте.
tcai
подробнее...