-4

1. CSS を使用して
古典的な 3 列のページを作成する基本的な html ページと、CSS でメニューを生成する
2.ファイルがあります。<ul>

それぞれが個別に正常に動作します。

メニューをメイン ページの上部に配置しようとしていますが、そうすると、メニューが下に完全に展開されません。試みますが、メイン ページのコンテンツ < div> にぶつかります。そのため、3 つの主要な列の先頭で切り捨てられます。

一番下のページにドロップすると問題なく動作しますが、メニューの場所ではありません... 理想的には、メインコンテンツのすぐ上にメニューを配置したいと思います。

回答 : Z インデックスを増やしたので、DIV は他のページ コンテンツの上に浮かびます。以下のコードごとに、その他の DIV に (またはそれ以下で) 実行することを修正しました。

結果を見るhttp://cnew.org/index.php

<div id="dropmenu" style="position: absolute; width: 100%; 
height: 0px; 
z-index: 100;    <!---THIS LINE FIXED PROBLEM-->
top: 87px; left: 10px; visibility: visible;">   
<?php include('main-drop-down-menu.html'); ?>        
</div>    

 <div class="colmask threecol">    
        <div class="colmid">    
            <div class="colleft">    
                <div class="col1">    
                        <!-- Column 1 start --> 

The rest of the code here...
4

2 に答える 2

1

ドロップダウン メニューの z-index を増やして、他のすべての要素の「上」に配置することで問題を解決しました。どうやら実際には正しく入力されていたようですが、メインの < div > の後ろに隠れていました。助けてくれたすべての人に感謝します。

于 2013-05-31T01:04:27.070 に答える