1

通常どおり静的に配置されたページにロゴがあるサイトを作成しています。ただし、スクロールすると画面の上部にヒットして固定位置のナビゲーションバーの上に固定されるように、固定位置の要素に変換するjQueryプラグインがあります。私が抱えている問題は、ロゴがまだ上部に当たらず、ナビゲーション バーに重なっているために静的であるにもかかわらず、ナビゲーション バーの下に表示されることです。ロゴの z-index を使用して配置しようとしました。一番上ですが、静的要素と固定配置要素で同時に使用しても、これは違いがないことがわかりました。

誰にも解決策がありますか?

編集:ロゴを常に固定し、javascript で位置を調整するという解決策を自分で考えたことに言及する必要があると思いましたが、可能であれば CSS でこれを修正したいと思います。

4

1 に答える 1

1

position: relative;のスタイリングに追加するだけです#logo。z-index は、配置された要素でのみ機能します。jsFiddle でテストしたところ、うまくいくようです。

ハッピーコーディング!

于 2013-05-13T23:41:34.237 に答える