teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

CSSの修正

2015/05/31 16:42

投稿

flat
flat

スコア617

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::after {
20
+ .Wrapper::before {
19
21
  position: absolute;
20
22
  z-index: 1;
21
- top: -10px;
23
+ top: 0;
22
- left: -10px;
24
+ left: 0;
23
- width: 320px;
25
+ width: 300px;
24
- height: 10px;
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 {