前提・実現したいこと
HTML/CSSでトップページを作っています。
background-imageで背景画像を表示させたいのですが、表示ができず困っています。
該当のソースコード
css
1.room { 2 height: calc(100vh - 10vh - 5vh); 3 display: flex; 4} 5 6.stats-room { 7 width: 20vw; 8 background-color: #cfafaa; 9} 10 11.tasks-room { 12 width: 80vw; 13 background-image: url("../images/ozil.png"); 14}
試したこと
・(../images/ozil.png)と"を外してみました。
・background-imageをbackgroundにしてみました。
・background-image: url("../images/ozil.png")!important;としてみました。
・.jpeg形式で上手くいかなかったので.png形式にしたが意味がなさそうです。
補足情報(FW/ツールのバージョンなど)
パスの階層は以下の通りです。
https://gyazo.com/1ba98cf7a6b6ae15298e284efe6abde5
エラーは出ていませんか?
たとえば .tasks-room { background: red; } とかにしたら class="tasks-room" にしている要素はちゃんと赤くなりますか?
Ruby on Railsならそのように書かれたほうが良いです。
assetに乗せるしかないと思います。
みなさんご回答ありがとうございます。
background-color: red;
って書けば赤くはなるんです。
エラーは出ていません。
回答ではなく質問編追記修正依頼欄です。
指摘事項は適宜質問本文編集して返してください。
あと画像は外部サービスではなくteratail投稿機能を利用してください。
あ、はい。すみません。
おそらく画像パスの間違いかパーミッションの設定間違いなどではないでしょうか…
もしくは絶対パスにしてみては?
あなたの回答
tips
プレビュー