CSSの記述がわからず、

Question

弊社は下記URL先のLPを作成しているのですが、一部不具合が出てしまい解決方法が不明なため、お力添えいただきたいと考えております。
http://hojokin.org/

内容としましたは、ヘッダーを固定しているのですが、一部画像とお問い合わせフォームについて最前面で表示されてしまい、UIが損なわれている状況にあります。

こちら、どのような対応をすれば解決することができるのか、もしお分かりになる方がいらっしゃいましたら、ご教示いただけますと大変助かります。

Comments

[m.ts10806]

サイトURLだけですと広告目的ととらえられる可能性もありますので、なるべく問題が起きているソースコードのみをご提示ください。（あとは画面キャプチャなど）

Answer 1

z-indexが指定されていないのが原因でしょうか。
headerより前面に表示したいものが無ければ極端な値を指定してしまえば良さそうです。

header {
    z-index: 10000;
}

Comments

[tarou-tanka]

ありがとうございます！
こちらのコードを入れるといい感じになりました！
大変助かります！

Answer 2

headerに対して、cssのz-index: 1;とか効かせてください。
HTMLって、基本的に、ソース上の下にマークアップされたものの方がレイヤーが高くなるので、
同じpositionを使った要素なら、下に書いたものの方が前面に出てきます。
そのレイヤー構造の順番をコントロールするのが、z-indexというプロパティになります。

それとmts10806さんのおっしゃる通りに質問するようにしましょう。
解決したなら、解決したことをしらせる行動も忘れないようにお願いいたします。

質問するときのヒント｜teratail（テラテイル）

Comments

[tarou-tanka]

de9さんに教えていただいた方法で解決することができました。
ご協力ありがとうございます。

[tarou-tanka]

＞それとmts10806さんのおっしゃる通りに質問するようにしましょう。
すいません。質問する際に、あとでタイトル直そうと思ってたけど、すっかり忘れたまま投稿していたみたいで、中途半端なタイトルになっていましたね・・・
大変失礼しました。