2

フッターのリンクをクリックできない理由を突き止めようと、しばらく頭を悩ませていました。私のCSSが少しずさんであることは知っていますが、仕事は完了します。残りのすべてのコンテンツの背後に表示されるページの下部にフッターを貼り付ける効果を得るには、おそらくもっと効率的な方法がありますが、これは私が今のところ持っているものです:

ここに私の問題の私のjsfiddleがあります

それはjsfiddleで少し混乱しているように見えますが、アイデアはそこにあります。

.bottomdivtransparent {
    pointer-events: none;
    width: 100%;
    top: 0px;
    height: 300px;
    left: 0;
    overflow: hidden;
    opacity: 0;
}

リンクをクリックできるようにする必要がありますが、クリックできないままです! エラーは本当に単純なものであり、私を正面から見つめていると確信しています..

助言がありますか？または、フッターをすべてのコンテンツの背後に表示するが、すべての下に約 300 ピクセルまで拡張する簡単な方法はありますか?

ありがとうございました！

編集: KasyxとAndrea Ligiosの助けに感謝します。彼らは、何らかの理由で Firefox では問題なく動作するが、Google Chrome では動作しないと判断しました。margin-bottom プロパティが .bottomdiv. でめちゃくちゃになっています。

4

1 に答える 1

2

コメントで気づいたようpointer-eventsに、この場合は機能しません。margin-bottomしかし、フィドルのように divに追加することを提案する代わりに: http://jsfiddle.net/auFeV/6/

.bottomdiv {
    //(...)
    margin-bottom: 310px;
    //(...)
}

（この回答を改善してくれた@Andrea Ligiosに感謝します）

于 2013-04-19T09:31:28.627 に答える