する質問をすることでしか得られない、回答やアドバイスがある。10スクロールしてもヘッダが常に固定されるページを作成しております。画像にマウスを重ねた際に、下記のイメージのように画像が固定ヘッダにはみ出した状態で半透明になってしまいます。(ポインタが表示されていませんが、右上の画像にカーソルを合わせた状態です)ヘッダーにはz-indexで最前面になるよう設定はしているのですが...各ソースコードは下記の通りです。class="alpha">で囲んだ要素全体に適応させています。コンテンツのコードを追記いたします。上記では記載していませんでしたがレスポンシブ対応のためメディアクエリを設定しているので、こちらも併せて記載します。</tr></table></div></div></div>attachmentクリップ1気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。14:09画像のエレメントを含めたHTMLを掲載してください。画像のエレメントを含めたHTMLを掲載してください。00:57まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。解決されていないなら状況をお教えください。質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。解決されていないなら状況をお教えください。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。16:31基準となる親要素にposition・z-indexプロパティを設定していないためです。この場合#headerの直親にあたる.logoにpositionとz-indexを設定しないといけなかったのです。単純に、#wrap(お爺ちゃん)にpositionとz-indexを設定していれば、cssも明快で問題なかったのではないでしょうか。意図がおありなら仕方ないのですが、階層を深くしすぎて(要素で囲みすぎて)、ソースが複雑になったのが今回、ご自身で気づけなかった一番の原因かもカモ~♪ソースはシンプルが一番!基準となる親要素にposition・z-indexプロパティを設定していないためです。この場合#headerの直親にあたる.logoにpositionとz-indexを設定しないといけなかったのです。単純に、#wrap(お爺ちゃん)にpositionとz-indexを設定していれば、cssも明快で問題なかったのではないでしょうか。どのソースがどこに効いているのかごっちゃになっていました。どのソースがどこに効いているのかごっちゃになっていました。これからシンプルなソースを心がけます!キャンセル完了するlink+2z-indexを指定する場所が違うようです。id="header">にしかz-indexが指定されていません。細かいところまで確認していませんが、とりあえず以下のようにして頂ければヘッダーが最前面でてきます。整理ができていない印象です。コーディングをされる際、ラフでいいのでページの構造を紙などに書いてみてはいかがでしょう?HTMLの設計図のようなものを作られると、自分でも整理できて便利でおすすめです。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。19:07ありがとうございます。class="logo">にz-indexが設定されていないとダメですね。上記のように感じられたのはもっともだと思います。勉強不足なため自分でもどのように直したらいいのか分からず...(><)このように改善したらいいというのがあれば教えていただきたいです...!(丸投げですみません...)また提案ありがとうございます!コーディングの際にページ構成を一度紙にかいてみようと思います!ありがとうございます。class="logo">にz-indexが設定されていないとダメですね。上記のように感じられたのはもっともだと思います。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。画像の上に文字を置き、中央揃えにしたい解決済position:absolute;を指定した小要素の高さが計算されてしまう。0Javascriptで画像をランダム位置で表示させたいです。頂いたご意見への回答は行っておりません。