回答編集履歴
2
cho
answer
CHANGED
File without changes
|
1
調整
answer
CHANGED
@@ -18,4 +18,46 @@
|
|
18
18
|
<div id="d1">
|
19
19
|
<div id="d2"></div>
|
20
20
|
</div>
|
21
|
+
```
|
22
|
+
|
23
|
+
# 調整版
|
24
|
+
```CSS
|
25
|
+
<style>
|
26
|
+
body{
|
27
|
+
margin:0px;
|
28
|
+
background-image:url('https://placehold.jp/ff0000/00ffff/150x150.png?text=1');
|
29
|
+
background-attachment : fixed;
|
30
|
+
width:100vw;
|
31
|
+
height:100vh;
|
32
|
+
}
|
33
|
+
.dall{
|
34
|
+
width:100vw;
|
35
|
+
height:100vh;
|
36
|
+
}
|
37
|
+
#d2{
|
38
|
+
position:fixed;
|
39
|
+
background-Color:rgba(255,255,255,0.5);
|
40
|
+
display: block;
|
41
|
+
}
|
42
|
+
#d3{
|
43
|
+
position:absolute;
|
44
|
+
display: block;
|
45
|
+
}
|
46
|
+
</style>
|
47
|
+
<body>
|
48
|
+
<div id="d2" class="dall"></div>
|
49
|
+
<div id="d3" class="dall">
|
50
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
51
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
52
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
53
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
54
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
55
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
56
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
57
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
58
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
59
|
+
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
|
60
|
+
</div>
|
61
|
+
</body>
|
62
|
+
|
21
63
|
```
|