Background size cover
Автор Angelus Mars задал вопрос в разделе Верстка, CSS, HTML, SVG
вопрос по css (background-size) не пойму как работает? и получил лучший ответ
Ответ от Одну минуточку[гуру]
Ответ от Александр Ермилов[гуру]
Почему ж не работает? Все работает как и должно.
backround-size: cover - фон будет заполнять весь блок, но будет обрезан, если не влезает по ширине, или высоте.
contain - целиком поместится в блок, но не будет его заполнять полностью, если у фона и блока разные пропорции.
Можно указать два размера для background-size. Например, задать те же размеры, что и блоку:
background-size: 100% 200px;
Но это приведет к "растягиванию" картинки по размеру блока и ее искажению.
Какой результат нужен?
Почему ж не работает? Все работает как и должно.
backround-size: cover - фон будет заполнять весь блок, но будет обрезан, если не влезает по ширине, или высоте.
contain - целиком поместится в блок, но не будет его заполнять полностью, если у фона и блока разные пропорции.
Можно указать два размера для background-size. Например, задать те же размеры, что и блоку:
background-size: 100% 200px;
Но это приведет к "растягиванию" картинки по размеру блока и ее искажению.
Какой результат нужен?
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: вопрос по css (background-size) не пойму как работает?
Как обрезать background в css3
background-image: url("путь до картинки");
background-position: center center;
Background image фиксированного размера
Вот css для body кино поиска
body {
background: #d5d5d5 url(/images/noBrandBg.jpg) 50% 0
подробнее...
Как сделать изображение background в css адаптивное автоматически под все экраны
Блок, к которому она фоном, должен иметь ширину в процентах.
И настроить свойства этого фона,
подробнее...
HTML+CSS | Как поднять background немного выше, при background-position: cover ?
У background-position: нет свойство cover, у background-size
подробнее...
HTML "резиновый" фон
body {
background : #fff url('изображение. jpg') no-repeat fixed left center;
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
Как зафиксировать фон сайта при масштабировании?
background-size: fixed; такого нет. Фиксируете фон с помощью background-attachment: fixed;
А
подробнее...
подскажите как прописать в html что бы фон растягивался но не повторялся
Вот как раз этот вариант самый хреновый для растяжения.
Растянуть-то можно. с помощью
Но
подробнее...
спросили в ITIL Sasol
сочинение на тему my ideal school"
My Ideal School My ideal school would be situated in the middle of a city so it is near to
подробнее...
сочинение на тему my ideal school"
My Ideal School My ideal school would be situated in the middle of a city so it is near to
подробнее...