Здравейте на всички!
Ситуацията е следната:
- имам един елемент в който няма нищо, тост неговата височина е нула (0px)
<header></header>
- целта ми е да сложа една картинка за фон на този <header> елемент, която картинка да се оразмерява автоматично при разширяване и свиване на прозореца в браузъра
header {
background-image: url(img.jpg);
background-repeat: no-repeat;
}
Проблемът:
Тъй, като <header> елементът е празен и не му е зададена никаква височина (height), картинката, която се опитвам да сложа посредством CSS (background-image), няма да бъде сложена и изобразена като фон на този елемент. Ако му сложа някаква височина на <header>-а, тогава картинката ще се изобрази, но пък проблемът ще е, че ще има фиксирана височина и ще се оразмерява само по дължина, а височината ще си остава една и съща.
Въпрос:
Има ли начин, хем да сложа картинката за фон на <header> елемента и в същото време при разширяване и свиване на прозореца на браузъра, картинката да се оразмерява автоматично и по двете - и по дължина и по ширина?
