1

そのフッターに、正常に機能しないリンクをいくつか配置したいと思います。クリックできないようで、なぜこれが起こっているのかわかりません。

フッター自体はサイトの最後にあり、div が押されると強制的に一番下に表示されます。私の全体のdiv配置は次のようなものです:

<body>
<div class="wrapper">
    <div class="push"></div>        
</div>
<div class="footer">
<div id="about">
    <div id="list">
        <span class="up">1. row</span>
        <ul class="nav">
            <li><a href="/one.php">one</a></li>
            <li><a href="/two.php">two</a></li>
            <li><a href="/three.php">three</a></li>
            <li><a href="/four.php">four</a></li>
        </ul>
    </div>
</div>
<div id="legals">
    <div id="list2">
        <span class="down">2.row</span>
        <ul class="nav2">
            <li><a href="/five.php">five</a></li>
            <li><a href="/six.php">six</a></li>
            <li><a href="/seven.php">seven</a></li>
            <li><a href="/eight.php">eight</a></li>
        </ul>
    </div>
</div>

例

この href が機能しないのはなぜですか?

わかりました、みんなに感謝します。この場合、z-index の追加は機能しません。これを追加すると、そのクラスで別のカップルの z-index を使用するため、ラッパーのコンテンツ全体が表示されないためです。したがって、解決策は position:relative を削除することです。ご協力いただきありがとうございます！

4

6 に答える 6

4

あなたz-index:-1の.wrapper

このように

.wrapper{
z-index:-1;
}

デモワン

--------

または2番目のオプションは

position:relativeこのクラスで削除.wrapper

デモ

于 2012-12-04T09:30:41.667 に答える
3

問題は、クラスを持つ要素がpushフッターと重なっているということです。そのため、フッター リンクと思われるものをクリックすると、実際にはプッシュ要素をクリックします。

ラッパーを相対的に配置する必要がありますか?

そうでない場合はposition: relative、ラッパー クラスから削除するだけで済みます。

実施例

于 2012-12-04T09:31:13.763 に答える
1

それは、何かがそれらの上にとどまっていることを意味するオーバーレイ<ul class="nav">を<ul class="nav2">持っているからです。リンクとそれらを積み重ねるためのより高い z-index を持つ ul に絶対位置を与えることができるので、それらはクリック可能になります。

例

于 2012-12-04T09:30:57.097 に答える
1

z-indexラッパーに追加

.wrapper {
    position:relative;
    width: 960px;
    height: auto !important;
    min-height: 100%;
    margin: 0 auto -80px;
    z-index:-1
}

デモ

于 2012-12-04T09:31:19.123 に答える
0

あなたのcsspositionにwrapper class divはrelative. これがリンクをクリックできない主な理由なので、 class divに追加position:relativeしてください。footer

于 2012-12-04T10:03:22.807 に答える
-1

ラッパーが必要ですか？「position: relative;」を削除する場合 ラッパークラスから動作します。(または z-index を変更)

于 2012-12-04T09:31:03.053 に答える