固定バーを作成したのですが、スクロールするとコンテ

質問

固定バーを作成したのですが、スクロールするとコンテンツは隠れるのですが、写真だけ隠れず、固定バーの上に乗っかるようになります。

どのようにすればいいのでしょうか？？

回答No.2

oshikota · ベストアンサー

想像での回答になり、間違っていましたら大変恐縮ではございますが・・・

固定バーということは
おそらくposition: fixed;で実装しているという前提で
申し上げますと、
z-indexの指定もれかpositionが影響しているのではないでしょうか。

例えば

<div class="header">
～～
</div>

<div class="box">
<img src="**.jpg">
</div>

というhtmlで
headerに対してposition: fixed;を指定している
場合、
もしboxまたはimgに対してposition: relative;が指定されている場合は
headerよりboxがレイヤーが上にきてしまいます。

boxに対してposition: relative;を使用しないようにするか、
headerに対してz-index: 10;
boxに対してz-index: 0;
としたらいかがでしょうか。

見当違いであればすみません。
参考になれば幸いです。

お礼

丁寧なコメントありがとうございます。

参考になりました。

回答No.1

noname#206842

ソースを見ないとわかりませんが？・・・

画像部分を、hidden;とかscreen:none;にするとか？・・・

CSSの質問欄に書かれていたようなものですか？・・・
したいことを、ワイヤーフレームなどで示していただくとわかりやすいのですが？・・・・・

参考URL：

https://cacoo.com/lang/ja/

お礼

ありがとうございます。
参考にさせていただきます。