質問編集履歴
1
コードを見やすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -5,15 +5,18 @@
|
|
|
5
5
|
|
|
6
6
|
<section>にrelativeを設定して子要素にabsoluteを設定すると、<section>に設定したbackground-imageが消えてしまいます。さらに、background-imageが消えただけでなく、imgの配置が思い通りにできないです。
|
|
7
7
|
どこがダメなのでしょうか？
|
|
8
|
-
|
|
9
8
|
以下に、コードと画像を貼り付けています。
|
|
10
9
|
|
|
10
|
+
|
|
11
|
+
```
|
|
11
12
|
html
|
|
12
13
|
<section class="feature">
|
|
13
14
|
<img src="../recipe/images/feature/feature_title.svg" class="feature-logo">
|
|
14
15
|
<img src="../recipe/images/feature/feature.jpg" class="feature-image">
|
|
15
16
|
</section>
|
|
17
|
+
```
|
|
16
18
|
|
|
19
|
+
```
|
|
17
20
|
css
|
|
18
21
|
.feature {
|
|
19
22
|
position: relative;
|
|
@@ -38,6 +41,7 @@
|
|
|
38
41
|
z-index: 1;
|
|
39
42
|
box-shadow:8px 8px #f4d4c3;
|
|
40
43
|
}
|
|
44
|
+
```
|
|
41
45
|
|
|
42
46
|
この画像の配置にしたいです。
|
|
43
47
|
|