0

2 つの Web ページを 1 つにまとめました。1 ページはナビゲーション メニューで、2 ページ目は実際のコンテンツです。

両方のページが独自の div に埋め込まれ、次にこれら 2 つの div が別の div (メイン) に含まれています。

問題は、メニューのサイズが時々変わる可能性があり(ホバーメニュー要素があります)、2番目のページの背景が画像としてページの下部まで繰り返されることです。そのため、メニューのサイズが大きくなると、2 ページ目の一部が空白のままになります。

最初のページが高さを変更したときに、ページの 2 番目の部分で背景を再描画するにはどうすればよいですか?

アドバイスをいただければ幸いです。

アップデート

2ページ目の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 の背景を更新したいと考えています。

これが私が避けようとしているものの写真です ここに画像の説明を入力

4

2 に答える 2

1

2 ページ目の実際の背景は空白のままということですか? あなたの質問では少し不明確ですが、そうであれば次を使用してください：

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

リピート部分が決定的な変化です。これでできることは、div のサイズが変更された場合でも、背景画像を繰り返して div またはページを埋めることだけです。

それが役立つことを願っています

于 2013-08-05T14:28:57.157 に答える