set background-image without set height

Question

Как установить фоновый рисунок изображения без установленной высоты?

#Header { 
    background: #eee url("../Images/Banner.gif") repeat-x; 
} 

<div id="Header"> 

</div> 

Но изображение не отображается. Однако будет отображаться следующее изображение кода.

#Header { 
     background: #eee url("../Images/Banner.gif") repeat-x; 
height=150px; 
    } 

Зачем нужна регулировка высоты? Как измерять высоту автоматически?

Answer 1

Изображение фон из div. Если у div нет содержимого или заданных измерений, и он не может быть замечен, как вы сможете увидеть его фон? Ответ заключается в том, чтобы поместить некоторый контент в div. Если вы только пытаетесь показать это изображение в div, то вместо того, чтобы сделать его фоном, поместите изображение как актуальный html-контент в div.

Answer 2

Может быть, вы можете попробовать с CSS3 свойств фона размера и использовать его как:

background-size: auto