(css)background-imageのパスの設定

Question

###前提・実現したいこと
wordpressでHPを製作中です。
htmlファイルをphpファイルに書き換えたところで少しはまっています。

###発生している問題

そのまま拡張子をphpにするとパスが代わり、アク
セスするとフラット状態のページが表示されると思います。
cssのパスは設定し、レイアウトを含めたページは表示できるようになったのですが、
cssに書いてあるbackground-imageで設定した画像が表示されません。
パスもしっかり設定しているのですが、何か特別な設定が必要なのでしょうか？

###該当のソースコード
ファイル構成
index.php
pages.php
....
....
style.css
[images]
|---sample.jpg

background-image: url(images/sample.jpg);

※追記

<section id="top" class="header-img">
 <div class="container">
  <header>
   <h1 class="alt">タイトルが入ります。</h1>
   <p>サブタイトルが入ります。</p>
  </header>
 </div>
</section>

header-imgというクラスに上記のCSSを記載しております。

Comments

[kei344]

https://teratail.com/questions/88950 この質問と内容が同じです。teratailは質問内容の編集ができるので、変更がある場合は新しい質問をするのではなく編集してください。また、どちらかを削除されるよう運営に連絡されることをお勧めします。

[退会済みユーザー]

background-imageを適用している要素の前後のHTML、その要素に適用している他のCSSプロパティをご提示いただけますか？

[satorushimo]

kei344さん、ありがとうございます！投稿ミスです。。。

[satorushimo]

aozukiさん、追記いたしました。

Answer 1

階層等同じ環境でテストしましたところ、正常に適用されているようです。
考えられる点としましては、

• パスが間違っている。相対パスではなく絶対パス（http://から始まるパス）で試してみてください。
• background-imageの直前に適用しているプロパティのセミコロンが抜けている。
• #topにbackgroundプロパティが指定されている。その場合idの方が優先されます。

です。お試しください。