footerが表示されない

Question

###フッターが表示されない

質問です。

次のコードを記述したら
フッターが表示されません。
bodyに背景画像を指定しており、
画像の裏に存在はしているようなので、

footer{
background-color:white;
position: relative;
z-index:100;
}

などを試してみましたが、表示されません。
ただし、フッター内の、pタグなどは表示されています。
bodyタグに画像を表示させていることも、原因の１つなのかわからないですが、
できれば、bodyに画像を表示させたまま、フッターが前面に出てくるようにしたいです。

こちらの表示方法をご教示お願い致します。

コードは以下です。

html
<footer>
    <a href="">
    <img src="./img/FB.png" width="50px" >
    </a>
    <P>&copy; ..... inc. All Right Reserved.</P>
  </footer>

css

body{
  font-family:  verdana, sans-sans-serif;
  margin: 0;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  background-image: url(../img/DSC_2690.jpg);
  background-size: cover;
  background-attachment:fixed;
}

footer{
  text-align: center;
  margin: 100px auto;
}

Comments

[m.ts10806]

bodyに入れられた指定は全て自身で分かって入れているものではないのですか？

[Lhankor_Mhy]

当方の問題が再現できませんでした。
ご提示のコードを試したところ、フッターが表示されました。

ご質問者の環境では、ご提示いただいたコードだけで問題が再現しますか？
再現するのであれば、環境に問題があるかと思われます。
再現しないのであれば、ご提示いただいていない部分に問題があるかと思います。

[JJ-]

bodyに入れた指定は自分でもよく理解できていないものです。

コードはそのほかにも色々あるため、他の部分に問題があるようですね。

divを作成して、背景画像を設定し、その他の設定を触ると無事解決しました。丁寧な回答をありがとうございました。

Answer 1

bodyにでなくdivを新たに作成して、背景画像を設定することで無事解決しました。みなさん丁寧な回答をありがとうございました。