0

:after疑似要素を使用して、ページ フッターに装飾的な装飾を追加しようとしています。

問題は、私の css コードによっては、装飾的な繁栄要素 (固定サイズ、背景画像を使用) がフッターによってクリップされるか、ページの高さが拡張されて垂直スクロール バーが追加されることです。

私が必要とするのは、フッターの上部の境界線 (つまり、ページのコンテンツが終了する場所) から開始し、ページの下部でクリップする装飾要素です (または、画面スペースが許す場合は、まったくクリップしないでください)。

私の質問が十分に明確でない場合は、後でコードへのリンクを提供できます。

編集:つまり、特定の絶対配置要素の下端がページの下部を超えたときに垂直スクロールバーが表示されないようにする適切な方法があるかどうかを知りたいです。

EDIT2 : サイトは現在、http ://www.ikimark.fi/ikimark_uusi/site で利用できます 。問題の装飾は、右下隅のフラリッシュ イメージです。今日サイトを編集しているので、コードが変更される可能性があります。

4

2 に答える 2

1

プロジェクトへのリンクを提供し、使用してみてくださいposition:absolute;z-index:9999;

編集：

あなたが何を求めているのか、私はまだ混乱しています。フラリッシュ画像がコンテンツの下のスペースをあまりカバーせず、フッター全体の高さだけを埋めるようにしたい場合は、 に追加overflow: hidden;してくださいwrap div。もしこれを望まないのであれば、説明していただけますか？

于 2012-06-05T15:13:47.113 に答える
0

オーバーフローを使用して、下部のdivに絶対的な高さを設定してみてください-y：次のように非表示にします。

<div id="footer" style="height: 4em; overflow-y: hidden"></div>

于 2012-06-08T15:45:24.103 に答える