前提・実現したいこと
ページに画像を表示させたい
発生している問題・エラーメッセージ
rails でアプリを制作中、ホームのビューで画像を表示するようにcssで指示したもののページに表示されない。
該当のソースコード
haml
1.ImgWrapper01 2 .Img01 3.ImgWrapper02 4 .Img02
scss
1.ImgWrapper01 { 2 position: absolute; 3 top: 120px; 4 left: 200px; 5 .Img01 { 6 background-image: url('../images/image01.jpg') no-repeat; 7 background-position: 50%; 8 background-size: cover; 9 height: 500px; 10 width: 350px; 11 } 12} 13.ImgWrapper02 { 14 position: absolute; 15 top: 0px; 16 left: 650px; 17 .Img02 { 18 background-image: url('../images/image02.jpg') no-repeat; 19 background-position: 50%; 20 background-size: cover; 21 height: 100vh; 22 width: 800px; 23 } 24}
ファイル構造 assets images image01.jpg image02.jpg stylesheets _static_pages.scss(該当ファイル)
試したこと
パスの確認、コードの記述確認
補足情報
hamlの方で画像を表示させようとしましたが、こちらもなぜかアイコンが表示されるだけで画像の表示はされませんでした。
また、検証ツールを使いましたがそこに指定した幅と高さの何かはあります。
本当に画像だけが表示されていない感じがします。
また、cssの方で http~ のurlを指定してみましたが、これでも表示されませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。