0

FFで要素を検査するときとは別に、うまく機能するcssスティッキーフッターメニューを作成しました。フッターメニューは約100pxジャンプします。Firebug ウィンドウが表示されているとき、メニューがページの途中まで浮いている!?

body と html を高さ 100% に設定しました。また、高さ 100% のコンテナ div もあります...何かアイデアはありますか?

編集:コンテナdivをoverflow:autoに設定しようとしました。メニューがページの途中で浮き上がらなくなりましたが、垂直スクロールバーはありますか??

関連する CSS:

#menu {
width: 960px;
height: 100px;
position: absolute;
bottom: 0px;
background-color: rgba(65, 64, 64, 0.75);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
4

3 に答える 3

1

クロス ブラウザーの CSS スティッキー フッターは、単一のルールでは実現できません。これは IE では機能しないと思います。堅実なCSSスティッキーフッターの実装については、こちらをご覧ください

于 2011-02-03T09:37:09.560 に答える
0

<body>のすぐ下のコンテナの外にメニューを配置する必要があります

于 2011-02-03T10:03:47.700 に答える
0

firebug がロードされているときに、要素を強調表示するために実際にそこに独自のスタイルを投稿することを考慮する必要があります。Chrome/Safari で要素を検査して、侵襲性の低い強調表示を試すことができます。

お役に立てれば。

于 2011-02-03T09:45:59.520 に答える