0

Blogger で始めたばかりのブログへのリンクは次のとおりです: My Blog

私の問題は、「背景画像の追加」機能を使用すると、「Will Whitehead - Advertising Student」という文字を含むヘッダーも画像で覆われてしまうことです。z-index を使用してヘッダーを一番前に持ってくると、画像で覆われないと思います。

問題は、ヘッダーの ID がわからないことです。クロムの「要素の検査」機能を使用してヘッダーを調べたところ、「div.header-bar」と呼ばれています。

ヘッダーの z-index を正常に変更するには、どのコードを書く必要があるか教えてください。

これについて何か助けていただければ幸いです。

前もって感謝します、

ウィル・W

4

3 に答える 3

0

これにより、ヘッダーが前面に表示されます。

div.header-bar{
  position: relative;
  z-index: 999;
}

を参照するスタイルの後に css ファイルに入れます.header-bar。

于 2012-11-09T16:14:10.773 に答える
0

位置の値があることを確認する必要がありますdiv.header-bar。そうしないと、z-index が機能しません。

div.header-bar {
  position: relative;
  z-index: 99;
}
于 2012-11-09T16:15:19.013 に答える
0

これを CSS に追加します。あなたの問題でうまくいくはずです。

.header-bar { position: relative; z-index:9999; }

そうでない場合は、ヘッダーバーの親コンテナーの上に画像がオーバーレイされている可能性があります。その場合、これを設定する必要があります：

#header-container { position: relative; z-index:9999; }
于 2012-11-09T16:15:34.893 に答える