■実現したいこと
CSSに記載した画像ファイルをWEB上で表示させたい。
■質問内容
ただいま初めてのwebページ制作を行っており
CSSにて以下のようにコードを書いていますが、web上で表示される画像と
表示されない画像を確認しており原因が特定できずにいます。
※表示されない画像はweb上の開発者ツールで確認するとチェックは入っており、
読み込みはできている?ようです。
■CSS
.top-container {
height: 500px;
margin-top: 75px;
background-image: url(C:\Users\axm25\Downloads\image\4696351_m.jpg);
background-size: cover;
}
■試したこと
①画像資源の格納先フォルダパス変更
②png→jpg,拡張子の変更
③コードの記載ミス(不要なスペース、括弧がないか確認。)
④別の画像の読み取り確認(https://thumb.photo-ac.com/d0/d016fa834da191ed6f08e0bb0c798b08_t.jpeg→ 表示可能 )
⑤!important宣言
⑥backgroundプロパティへの置き換え
⑦width/min-widthの追加
これは単純にローカルフォルダの画像は反映されないものという理解でよいのでしょうか?
以上、何卒よろしくお願いいたします。
0 コメント