質問編集履歴
4
引用したいjpegのプロパティを画像で追加いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -366,6 +366,12 @@
|
|
366
366
|
|
367
367
|
|
368
368
|
|
369
|
+
また、該当画像のプロパティはこのようになっています
|
370
|
+
|
371
|
+
![イメージ説明](46a5c4e656fa357c9339a2048a8749d5.png)
|
372
|
+
|
373
|
+
|
374
|
+
|
369
375
|
|
370
376
|
|
371
377
|
使用しているツールはATOMです。別のサイトを作ったときは正常にbackground-imageが作動しましたが、新しくフォルダを作ってから作動しません
|
3
新たにエラーメッセージを追加いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,6 +18,18 @@
|
|
18
18
|
|
19
19
|
### 発生している問題・エラーメッセージ
|
20
20
|
|
21
|
+
|
22
|
+
|
23
|
+
追記 デベロッパーツールで確認したところ、エラーメッセージが出ました
|
24
|
+
|
25
|
+
```エラーメッセージ
|
26
|
+
|
27
|
+
Failed to load resource: net::ERR_FILE_NOT_FOUND
|
28
|
+
|
29
|
+
```
|
30
|
+
|
31
|
+
![イメージ説明](9bd85ddb7637f1ea0e8aa083ecd1f2b6.png)
|
32
|
+
|
21
33
|
CSSにおいてbackground-imageが作動しない
|
22
34
|
|
23
35
|
該当箇所と思われる部分は #about{background-image~
|
@@ -480,4 +492,10 @@
|
|
480
492
|
|
481
493
|
|
482
494
|
|
495
|
+
*デベロッパーツールで確認したところ、
|
496
|
+
|
497
|
+
Failed to load resource: net::ERR_FILE_NOT_FOUND というエラーコードがでました
|
498
|
+
|
499
|
+
|
500
|
+
|
483
501
|
よろしくお願いします。![イメージ説明](639a98b6f7e9f880a28e73944c9c51d0.png)
|
2
フォルダ階層について追記しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -332,9 +332,25 @@
|
|
332
332
|
|
333
333
|
sample.htmlというフォルダの中にcss,imagessという二つのファイルがあり、bding.jpegという画像をimagessファイルから引用したいです。
|
334
334
|
|
335
|
+
|
336
|
+
|
337
|
+
フォルダの構造はこのようになっています
|
338
|
+
|
339
|
+
sample.html (ディレクトリ)
|
340
|
+
|
341
|
+
├ css
|
342
|
+
|
343
|
+
├ imagess--bding.jpeg
|
344
|
+
|
345
|
+
├ single.html
|
346
|
+
|
347
|
+
|
348
|
+
|
335
349
|
../imagess/bding.jpeg
|
336
350
|
|
351
|
+
|
352
|
+
|
337
|
-
![
|
353
|
+
![画像](9bc07cef390b71586fb4b793295ca70c.png)
|
338
354
|
|
339
355
|
|
340
356
|
|
1
新たに・<code>を挿入しました・ファイルの構成を画像でUPしました
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,8 +1,12 @@
|
|
1
|
+
```ここに言語を入力
|
2
|
+
|
3
|
+
コード
|
4
|
+
|
1
|
-
### 前提・実現したいこと
|
5
|
+
```### 前提・実現したいこと
|
2
6
|
|
3
7
|
background-imageを用いて背景画像を表示したい
|
4
8
|
|
5
|
-
background-imageが作動しない原因を探りたいです。
|
9
|
+
CSS #about{background-image}が作動しない原因を探りたいです。
|
6
10
|
|
7
11
|
|
8
12
|
|
@@ -16,7 +20,9 @@
|
|
16
20
|
|
17
21
|
CSSにおいてbackground-imageが作動しない
|
18
22
|
|
19
|
-
|
23
|
+
該当箇所と思われる部分は #about{background-image~
|
24
|
+
|
25
|
+
です。
|
20
26
|
|
21
27
|
### 該当のソースコード
|
22
28
|
|
@@ -28,7 +34,9 @@
|
|
28
34
|
|
29
35
|
```
|
30
36
|
|
37
|
+
```CSS
|
38
|
+
|
31
|
-
@charaset "utf-8";
|
39
|
+
コード@charaset "utf-8";
|
32
40
|
|
33
41
|
|
34
42
|
|
@@ -302,7 +310,7 @@
|
|
302
310
|
|
303
311
|
}
|
304
312
|
|
305
|
-
|
313
|
+
```
|
306
314
|
|
307
315
|
|
308
316
|
|
@@ -326,6 +334,8 @@
|
|
326
334
|
|
327
335
|
../imagess/bding.jpeg
|
328
336
|
|
337
|
+
![イメージ説明](11783a5b3d480c359c9b2250b6640bd7.png)
|
338
|
+
|
329
339
|
|
330
340
|
|
331
341
|
|
@@ -334,7 +344,7 @@
|
|
334
344
|
|
335
345
|
|
336
346
|
|
337
|
-
HTML
|
347
|
+
HTML
|
338
348
|
|
339
349
|
|
340
350
|
|