Фоновое изображение должно соответствовать div

Question

У меня есть div, размер которого может отличаться время от времени.

У меня установлено фоновое изображение для tat div, размер изображения которого фиксирован. Но мне нужно подогнать фоновое изображение на div любого размера.

Как может быть возможно «CSS».

Заранее благодарен!

Answer 1

Единственный способ изменить размер изображения с помощью CSS - это когда это элемент <img>. Я имею в виду, что вы можете сделать что-то подобное:

img#myBG { width:200px; height:100px; } 

Если вам это нужно, чтобы быть фоном, вы должны использовать «Z-индекс» и поставить img под элементом, который удерживает содержимое.

Что-то вроде этого:

<div id="holder"> 
    <img id="myBG" src="...." /> 
    <div>my content here</div> 
</div> 

<style> 
#holder { position:relative; width:200px; height:100px; } 
#holder div { position:absolute; top:0; left:0; z-index:2; } 
img#myBG { width:200px; height:100px; { position:absolute; top:0; left:0; z-index:1; } 
</style> 

Answer 2

Это невозможно с CSS 2.x, доступным в большинстве браузеров, но CSS 3 представил свойство background-size. Вы можете прочитать здесь: http://www.css3.info/preview/background-size/