1

[編集済み] は、私がモンキーしているサンプルです。

[ redacted ] は関連する css ファイルです。

これは単なるフィラー テキストとサンプル画像ですが、私はこれが初めてで、自分が何をしているのかわかりません。

希望: ロゴ画像と 3 つのカラー アニメーション リンクをページの左上に固定します。ロゴとリンクの下で、ページを横切って横に走る青いバー。流動的に流れるコンテンツ (動的なサイズ変更?) スクロールして動作します。

私はその最後の部分に問題があります。CSS ウィッチクラフトとネガティブ マージンにより、1280x1024 Chromium ブラウザーで「正しく」表示されるようにできますが、Firefox で開いたり、解像度を変更したりすると、コンテンツがオーバーフローし、スクロールバーが表示されなくなります。残りのコンテンツ。[DOWN]キーを押してもスクロールできません。

私は何を間違っていますか?残りのコンテンツを強制的に表示してナビゲートできるようにするにはどうすればよいですか? CSS を不適切に実装していませんか?

お知らせ下さい。

編集:position:fixedではなくを使用していposition:absoluteました。これらすべての参照を固定から絶対に変更する (そして余白を修正する) と、見事に機能しました。

完成品は [ http://blasdev.heliohost.org/apx/about.html ] にアップされています。

ありがとう、エル・ヨボ!

4

1 に答える 1

2

position:fixed ではなく position:absolute を使用して #content div のスタイルを設定すると、スクロールの問題は解決しますが、他のことを微調整する必要があります。絶対位置では、コンテンツが通常の流れから完全に引き出されるため、スクロールが機能しなくなります。CSS ポジショニングの良い例がA List Apart にあります。

于 2012-04-13T23:39:44.870 に答える