刷新依赖div

Question

我将两个网页合二为一。一个页面是导航菜单，第二个是实际内容。

两个页面都嵌入了自己的div中，然后这两个div包含在另一个（主要）中。

问题是菜单可能会不时更改其大小（它具有悬停菜单元素），第二页的背景为图像重复直到页面底部。因此，当菜单的大小增加时，第二页的一些位置保持空白。

当第一页改变高度时，如何让页面的第二部分重新绘制背景？

任何建议的帮助将不胜感激。

更新

这是第二页的css的一部分。

#servicesTextarea {min-height:229px !important; border-top:solid 3px #009ba7; background:#f2fafb url(../images/service_text_bk.gif) repeat-x right bottom;}

更新2

这是我的div结构

<div id="servicesStage">
<div id="servicesNav">
    <h2><a href="our_services.php">Our Services</a></h2>
            <ul>
        <li ><a href="software.php"><i>Fios</i> Software</a>
            <ul class=navigation>
                <li   ><a href="software_fios_enterprise.php"><i>Fios</i> Enterprise</a></li>
                <li   ><a href="software_fios_csa.php"><i>Fios</i> CSA</a></li>
            </ul>
        </li>


        <li ><a href="managed_services.php">Managed Services</a></li>
    </ul>
</div>

<div id="servicesTextarea">
    <div class="padding">
        <h4>Randon text</h4>
        <ul>
            <li><b><a href="software.php">Option 1</a></li>
            <li><b><a href="consulting.php">Option 2</a></li>
        </ul>
    </div>
</div>

正如我之前提到的，serviceNav div包含一个可能会增加其大小的导航菜单，我希望servicesTextarea的后台得到更新。

以下是我试图避免的图片

Answer 1

你的意思是第二页的实际背景是空白的吗？在您的问题中略有不清楚，但如果是，请使用：

background: url('/path/to/image.jpg') repeat;

重复部分是至关重要的变化。所有这一切都会使背景图像重复以填充div或页面，即使div被调整大小。

希望有所帮助

Answer 2

我不认为你可以使用纯CSS获得一个干净的解决方案，如果不将背景放在包含servicesTextArea和servicesNav容器之外的另一个包装器中。

然而，在javascript中是一个简单的。

This might be helpfull.