背景画像の表示領域について

Question

初めてサイト制作をしている者です。
現在、ページのヘッダー部分を作成しているのですが、この部分の背景に画像を重ねるように CSSを記述しました。コードは以下の通りです。

background-image:url(画像のurl);
height: 270px;
margin-bottom:40px

これでヘッダー部分全体を覆うはずなのですが、chromeで開いてみると、一番上部分に少しだけ画像が表示されない真っ白な領域があり、左に ! が出ています。
また、別ページでも
background-size: cover; を指定して、
min-height:100vhとしました。これで画面の表示領域の高さいっぱいまで画像が広がるはずなのですが、やはり上記と同じような白い領域と!マークが表示されてしまいます。これはエラーが発生しているということなのでしょうか？考えられる原因を教えてください。

追記
chromeで開いた時の画像を張っておきます。

Comments

[maisumakun]

「左に ! が出ています。」というのは、HTMLの枠内に「!」という文字が表示されている状況でしょうか。

[azuapricot]

文章だけじゃ再現もできないし回答しようがないので、HTMLのコードと、CSSのコード、エラーが出ているのであればエラーメッセージ、貼れるのであれば画面のスクリーンショットをご提示下さい

[marumarumarune]

すみません。chromeで開いたときの画像を張っておきました。

[Lhankor_Mhy]

コードをご提示ください。

Answer 1

HTMLのコードの一番最初をご確認ください。
!がよく間違って書かれています。

Comments

[marumarumarune]

本当ですね…ありがとうございます。
初歩的なミスで申し訳ありません。