回答編集履歴
2
画像のパスの指定を指摘
test
CHANGED
|
@@ -45,3 +45,7 @@
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
```
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
また、`background-image: url(computers.png");`となっているところを`background-image: url(computers.png);`に直してください。
|
1
画像が表示されない原因を追記
test
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
## 質問文の間違い？
|
|
2
|
+
|
|
1
3
|
`background-imge`となっていますが、`background-image` の間違いですか？
|
|
2
4
|
|
|
3
5
|
コード上で`background-imge`となっていましたら、修正してください。
|
|
4
6
|
|
|
5
7
|
|
|
8
|
+
|
|
9
|
+
## CSSが読み込まれない
|
|
6
10
|
|
|
7
11
|
fixed.cssについてですが、サイトのコードを拝見させていただいたところ、パスが違います。
|
|
8
12
|
|
|
@@ -13,3 +17,31 @@
|
|
|
13
17
|
を以下のようにしてください。
|
|
14
18
|
|
|
15
19
|
`<link rel="stylesheet" href="fixed.css">`
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
## 画像が表示されない原因
|
|
24
|
+
|
|
25
|
+
画像が表示されない原因としては、style.cssの以下のところで`width`と`height`がともに100%になっているからです。
|
|
26
|
+
|
|
27
|
+
100%というのはこの要素を包んでいる要素の大きさを表しますが、どこにも具体的な大きさが指定されていません。
|
|
28
|
+
|
|
29
|
+
`height: 100px`にするなど具体的な値を指定するか、これを包んでいる要素の大きさを具体的に指定してください。
|
|
30
|
+
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
.home-inner {
|
|
34
|
+
|
|
35
|
+
background-image: url(computers.png);
|
|
36
|
+
|
|
37
|
+
background-size: cover;
|
|
38
|
+
|
|
39
|
+
opacity: .9;
|
|
40
|
+
|
|
41
|
+
width: 100%;
|
|
42
|
+
|
|
43
|
+
height: 100%;
|
|
44
|
+
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
```
|