Loading...
DJZoning avatar DJZoning 85 Точки

[CSS] Как да сетна картинката за бекграунд

Здравейте!

Доста търсих и не разбрах дали става тази работа.

Изображението, което искам да е на бекграунд е с размери (1920 х 1080) и е по - голямо от браузъра,  и излиза отвън. Възможно ли е да я сместя и да е събрана на екрана, и да се вижда цялото изображение? Или примерно ако е по - малко изображението, как става да се разпъне на целия екран?

Благодаря предварилтено!

Тагове:
0
Web Fundamentals - HTML5
HPetrov avatar HPetrov 822 Точки

За по-малко изображение разцъкай background-size property-то. Ако вече изображението ти е много голямо и за да не ти се разпъне на цялата страница, ами само където ти трябва, контейнера му трябва да има съответно някаква ширина и височина.

1
luboslav1995 avatar luboslav1995 109 Точки

Ами по принцип, ако зададеш body да е 100% width и height не би трябвало да излиза, а иначе пробвай снимката да е с размера на страницата, защото ако е по-малка се получава много гадно и ефекта на снимката се губи.Ако не искаш да се повтаря пишеш background-repeat: no-repeat;

с background-size: 80px 100px; можеш да задаваш колко да ти е голяма.

Дано да съм ти помогнал.

Поздрави 

1
VNikolov avatar VNikolov 51 Точки

С background-size: cover; запълва целия контейнер, който държи картинката. Проблем е ако картинката е по-широка от колкото е висока, тогава тя запълва контейнера на широчина, а на височина остава празен, което е направено с цел да не се разваля съотношението на картинката. 

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.