我試圖在this example後面做一個背景,但是我需要嵌套2個容器。拉伸到容器的高度
我的代碼看起來是這樣的:
XHTML:
<body>
<div id="background_shadow">
<div id="container">
<!--content-->
</div>
</div>
</body>
css:
#background_shadow{
margin:0 auto; /* center, not in IE5 */
height:100%;
height:auto !important; /* real browsers */
min-height:100%; /* real browsers */
width: 876px;
padding: 0px 72px;
background: url("../images/background_shadow.png") repeat-y center;
}
#container{
width: 100%;
margin: auto;
background-image: url("../images/background.jpg") repeat-y;
height: 100%;
}
的問題是,#container的元素不與#background_shadow拉伸。我錯過了什麼嗎?我想用嵌套的容器2的背景圖像,因爲他們中的一個是透明的,如果我第二圖像上使用PNG而不是JPEG的文件大小太大(約1Mo鋼)
我想如果沒有任何解決方案,我將需要使用一個大的PNG。
謝謝
我認爲你需要設置最小高度:100%到#containter,而不是高度:100%。 – Gerben
不,我想讓容器伸展#background_shadow的高度。最小高度不會改變任何東西。 – isra17