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

Question

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

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

Как это возможно через CSS.

Заранее спасибо !!!

Answer 1

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

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

Если вам нужен фон, вы должны использовать z-index и поместить 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/