html - 我如何将背景图像应用于低 div

Question

例子，html代码，

<div id="container_background">
    <div id="content">
        <p>
            #container
        </p>
    </div>
</div>

CSS

#container_background{
    background-image:url('main_bg.gif');
    height: 430px;
}

如果我这样编码，背景将应用于#container_background div，而不是#content div。

我如何应用到#content？

当然，#content 中的 background-image 不是一个选项，因为图像必须是一个连接的图像，但如果我放这个，它就不会连接。

Answer 1

试试这个 CSS:

#container_background:

#container_background{
    background-image:url('main_bg.gif');
    height: 430px;
}

对于#content:

#content{
        background-color:transparent;
}