CSS 画像のリサイズについて（background-image）

Question

以下のような 要素内に画像をリサイズして表示する サンプルですが

    width:100%;
    max-width: 80%;
    max-height: 95%;
    
    background-image: url();
    background-size: contain;
    background-repeat: no-repeat;

これを直接HTMLに書く場合問題ないのですが、外部CSSから読み込む場合正しくリサイズしてくれません。
外部から読み込んだ際もきちんとリサイズさせたいのですが、どうしたらいいのでしょうか？

Comments

[m.ts10806]

他のcss、指定しているhtmlをご提示ください。（できれば画像を含めた各ファイルの配置構成も）これだけではどのような影響があるのかなど判断しかねます。

Answer 1

直接ではCSSが効くが、外部読込でCSSが上手く効かない場合は、パス指定が間違っていたり、idやclassのセレクタ名称がダブっている場合が多いと思いますので、パス指定（相対の場合は階層の指定違い、../または../../等）やセレクタ名称（id、class等）を見直すと良いかも知れません。

Answer 2

相対パスの問題ではないでしょうか？

index.html
css/style.css
img/hogehoge.png

このような構成だった場合、
index.html内でstyle記述する場合は

background-image: url(img/hogehoge.png);

でいいのですが、外部CSSファイルであるcss/style.cssで指定するには、このstyle.cssからの相対指定で

background-image: url(../img/hogehoge.png);

となっている必要があります。目的の画像が表示されていないのを、リサイズがうまくいかないと勘違いしているのでは？