回答編集履歴
1
CSSの修正
answer
CHANGED
|
@@ -6,24 +6,27 @@
|
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
8
|
```
|
|
9
|
+
*CSSを修正しました
|
|
9
10
|
```lang-CSS
|
|
10
11
|
.Wrapper {
|
|
11
12
|
overflow: hidden;
|
|
12
13
|
position: relative;
|
|
13
14
|
width: 300px;
|
|
14
15
|
height: 150px;
|
|
16
|
+
margin: 50px;
|
|
15
17
|
border: 1px solid #000;
|
|
16
18
|
}
|
|
17
19
|
|
|
18
|
-
.Wrapper::
|
|
20
|
+
.Wrapper::before {
|
|
19
21
|
position: absolute;
|
|
20
22
|
z-index: 1;
|
|
21
|
-
top:
|
|
23
|
+
top: 0;
|
|
22
|
-
left:
|
|
24
|
+
left: 0;
|
|
23
|
-
width:
|
|
25
|
+
width: 300px;
|
|
24
|
-
height:
|
|
26
|
+
height: 150px;
|
|
25
27
|
content: "";
|
|
26
|
-
box-shadow: 0 1px 3px rgba(213,213,213,1);
|
|
28
|
+
box-shadow: 0 1px 3px rgba(213,213,213,1) inset;
|
|
29
|
+
pointer-events: none; /* IEは11から対応 */
|
|
27
30
|
}
|
|
28
31
|
|
|
29
32
|
.Image {
|