質問編集履歴

1

全体的にわかりやすい記述に変更しました。

2021/04/25 10:55

投稿

danburudoa
danburudoa

スコア8

test CHANGED
@@ -1 +1 @@
1
- AWSで背景画像が表示できない
1
+ AWSでimage-url記述するとデプロイできない
test CHANGED
@@ -4,7 +4,9 @@
4
4
 
5
5
  ##試した記述
6
6
 
7
+ background: transparent url(image_path('mainvisual.png')) no-repeat top center / cover;
8
+
7
- これま、調べて試した記述とエラー内容を3パターン載ました
9
+ で記述する、デプロイできるのですが、背景画像が表示されま
8
10
 
9
11
  ```
10
12
 
@@ -14,7 +16,7 @@
14
16
 
15
17
 
16
18
 
17
- background: transparent url(image_path('mainvisual.png')) no-repeat top center / cover;
19
+ background: transparent image-url(image_path('mainvisual.png')) no-repeat top center / cover;
18
20
 
19
21
 
20
22
 
@@ -26,44 +28,6 @@
26
28
 
27
29
 
28
30
 
29
- ```
30
-
31
-
32
-
33
- board.scss
34
-
35
-
36
-
37
- background-image: url(<%= asset_path 'mainvisual.png' %>);
38
-
39
-
40
-
41
- エラー内容
42
-
43
- Sass::SyntaxError: Invalid CSS after "...und-image: url(": expected ")", was "<%= asset_path ..."
44
-
45
- ```
46
-
47
-
48
-
49
- ```
50
-
51
-
52
-
53
- board.scss
54
-
55
-
56
-
57
- background-image:image-url('mainvisual.png');
58
-
59
-
60
-
61
- エラー内容
62
-
63
- NoMethodError: undefined method `[]' for nil:NilClass
64
-
65
- ```
66
-
67
31
  ##補足情報
68
32
 
69
33
  画像はapp/assets/imagesの中に入れています。