У меня есть контейнер, который будет расти/уменьшаться по высоте в зависимости от того, сколько текста динамически размещено внутри него. Контейнер будет иметь фоновое изображение, которое необходимо растягивать/сжимать, поскольку контейнер меняет высоту, и это изображение невозможно обрезать каким-либо образом. Мне интересно, как бы я стиль .container
, чтобы получить фоновое изображение на 100% от div.
Я пробовал следующее, но он, похоже, не работал:
.container { background: url('backgroundImage.jpg') 0 100% no-repeat; }
Пример структуры HTML:
<div class="container">
<p class="text">This is a short container</p>
</div>
<div class="container">
<p class="text">This<br> is<br> a<br> tall<br> container</p>
</div>