вписать фоновое изображение в динамический div

Question

У меня есть фоновое изображение (700x500px), и я хочу заполнить его динамическим div. в этом примере div составляет всего 20px, но может иметь высоту более 500px.

<div style="background-image:url('background.jpg');width:710px">
some content some content
</div>

Answer 1

Используя стандартный CSS, вы не можете просто разместить фоновое изображение.Но вы можете использовать тег изображения в div и изменить его размер.А затем используйте свой контент перед ним, чтобы изображение использовалось в качестве фона.

Более подробную информацию, использование CSS и пример страницы можно найти здесь:
http://www.quackit.com/html/codes/html_stretch_background_image.cfm

Answer 2

Вы можете просто добавить background-size: cover; к вашему атрибуту стиля