質問編集履歴
7
リンク修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
テスト：[https://jsfiddle.net/8z8drhab/
|
|
21
|
+
テスト：[https://jsfiddle.net/8z8drhab/2/](https://jsfiddle.net/8z8drhab/2/)
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
6
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,9 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
テスト：
|
|
22
|
-
|
|
23
|
-
https://jsfiddle.net/8z8drhab/1/
|
|
21
|
+
テスト：[https://jsfiddle.net/8z8drhab/1/](https://jsfiddle.net/8z8drhab/1/)
|
|
24
22
|
|
|
25
23
|
|
|
26
24
|
|
|
@@ -122,7 +120,7 @@
|
|
|
122
120
|
|
|
123
121
|
```
|
|
124
122
|
|
|
125
|
-
※参考サイト：https://gyazo.com/68c0797ea31e01f78dd4ded0eb540ab0
|
|
123
|
+
※参考サイト：[https://gyazo.com/68c0797ea31e01f78dd4ded0eb540ab0](https://gyazo.com/68c0797ea31e01f78dd4ded0eb540ab0)
|
|
126
124
|
|
|
127
125
|
（企業サイトでしたため、リンクを貼っていいのかわからず、
|
|
128
126
|
|
5
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
|
|
123
123
|
```
|
|
124
124
|
|
|
125
|
-
※参考サイト：https://gyazo.com/
|
|
125
|
+
※参考サイト：https://gyazo.com/68c0797ea31e01f78dd4ded0eb540ab0
|
|
126
126
|
|
|
127
127
|
（企業サイトでしたため、リンクを貼っていいのかわからず、
|
|
128
128
|
|
4
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -82,7 +82,9 @@
|
|
|
82
82
|
|
|
83
83
|
background-repeat: no-repeat;
|
|
84
84
|
|
|
85
|
-
z-index: 2;
|
|
85
|
+
z-index: 2;
|
|
86
|
+
|
|
87
|
+
}
|
|
86
88
|
|
|
87
89
|
```
|
|
88
90
|
|
3
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -68,7 +68,9 @@
|
|
|
68
68
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
+
.cover .pic {
|
|
72
|
+
|
|
71
|
-
|
|
73
|
+
position: absolute;
|
|
72
74
|
|
|
73
75
|
width: 100%;
|
|
74
76
|
|
2
コードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,25 +18,69 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
+
テスト：
|
|
22
|
+
|
|
23
|
+
https://jsfiddle.net/8z8drhab/1/
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
21
27
|
【HTML】
|
|
22
28
|
|
|
23
29
|
```
|
|
24
30
|
|
|
25
|
-
<div class="
|
|
31
|
+
<div class="block block-main">
|
|
26
32
|
|
|
27
|
-
<div class="
|
|
33
|
+
<div class="cover">
|
|
28
34
|
|
|
29
|
-
<
|
|
35
|
+
<div class="pic" style="background-image: url(http://test-12.capoo.jp/1-12.jpg);">
|
|
30
36
|
|
|
37
|
+
</div></div>
|
|
38
|
+
|
|
31
|
-
<div class="
|
|
39
|
+
<div class="message-svg">
|
|
32
40
|
|
|
33
41
|
テキストテキストテキストテキスト
|
|
34
42
|
|
|
35
43
|
</div>
|
|
36
44
|
|
|
37
|
-
</div>
|
|
45
|
+
</div></div>
|
|
38
46
|
|
|
47
|
+
```
|
|
39
48
|
|
|
49
|
+
【CSS】
|
|
50
|
+
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
.block {
|
|
54
|
+
|
|
55
|
+
position: relative;
|
|
56
|
+
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.cover {
|
|
60
|
+
|
|
61
|
+
position: relative;
|
|
62
|
+
|
|
63
|
+
width: 100%;
|
|
64
|
+
|
|
65
|
+
height: 520px;
|
|
66
|
+
|
|
67
|
+
overflow: hidden;
|
|
68
|
+
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.cover .pic {position: absolute;
|
|
72
|
+
|
|
73
|
+
width: 100%;
|
|
74
|
+
|
|
75
|
+
height: 100%;
|
|
76
|
+
|
|
77
|
+
background-size: cover;
|
|
78
|
+
|
|
79
|
+
background-position: center center;
|
|
80
|
+
|
|
81
|
+
background-repeat: no-repeat;
|
|
82
|
+
|
|
83
|
+
z-index: 2;}
|
|
40
84
|
|
|
41
85
|
```
|
|
42
86
|
|
1
文字の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
var max = (w>h)? 135: 100; ・・・・③不明。
|
|
54
54
|
|
|
55
|
-
var bottomH = Math.max(max, h*0.15); ・・・・④max要素とhかける0.15で大きい値を返す（?）
|
|
55
|
+
var bottomH = Math.max(max, h*0.15); ・・・・④max要素とhかける0.15で大きい方の値を返す（?）
|
|
56
56
|
|
|
57
57
|
var picH = h-bottomH; ・・・・⑤h引くbottomHの値を返す
|
|
58
58
|
|