質問: ### 前提・実現したいこと background-imageで背景画像を表示したい .main-visualのところのbackground-image: url("../img/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg" alt="sky");の部分です ### 発生している問題・エラーメッセージ atomでプレビューしているので検証ツール使えず、エラーメッセージはないです。(本当は使えるかも) ``` エラーメッセージ ``` ### 該当のソースコード ``` キャッチコピー ``` practice.css .main-visual { position: relative; height: 480px; background:center center no-repeat; background-image: url("../img/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg" alt="sky"); background-size: cover; } .main-visual__ttl h2 { position: absolute; top: 50%; left: 50%; color: #fff; font-weight: normal; font-size: 70px; font-family: "YuGothic", "游ゴシック"; transform: translate(-50%, -50%); } ### 試したこと ファイル名を変えたり、img/としてみたり試しました。他の画像ファイルでも試してみましたが駄目でした(htmlファイルでimgタグを使用すると表示されました。) ### 補足情報(FW/ツールのバージョンなど) windows10 Atom使用 cssの読み込みは完了しています 画像のファイル名はコピペしたので間違いないです 構造(数字が同じところは同じ階層で、数字のところはディレクトリで、-はファイルです) 1Practice -practice.html 2css -practice.css 2img -picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg
回答: 以下のように書き換えると、動作するかもしれません。 ``` background-image: url(../img/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg); ``` 「alt="sky"」が、CSSの場合は不要と思われます。