回答編集履歴
3
説明修正
test
CHANGED
@@ -9,7 +9,7 @@
|
|
9
9
|
`.box_right`そのものに背景色をつけるのでは、要素の外に背景色をはみ出させるのは難しいので、
|
10
10
|
`.box_right`の疑似要素に背景色をつけて絶対配置(`position: absolute;`)にしてはみ出させたらどうでしょう。
|
11
11
|
|
12
|
-
はみ出させる量は、スクロールバーの幅の有無などを考慮して計算するのは難しいので、多めにはみ出させて、画面からはみ出た部分は`overflow-x: hidden;`で隠すようします。
|
12
|
+
はみ出させる量は、スクロールバーの幅の有無などを考慮して計算するのは難しいので、多めにはみ出させて、画面からはみ出た部分は`body{overflow-x: hidden;}`で隠すようします。
|
13
13
|
|
14
14
|
`.box_right` の設定を削除して、下記を追加してください。
|
15
15
|
```css
|
2
サンプルのリンクを追加
test
CHANGED
@@ -24,3 +24,5 @@
|
|
24
24
|
z-index: -1;
|
25
25
|
}
|
26
26
|
```
|
27
|
+
|
28
|
+
[CodePenサンプル](https://codepen.io/hatena19/pen/bGjLeVo)
|
1
コード微修正
test
CHANGED
@@ -21,5 +21,6 @@
|
|
21
21
|
left: 15%;
|
22
22
|
right: -100vw;
|
23
23
|
background-color: pink;
|
24
|
+
z-index: -1;
|
24
25
|
}
|
25
26
|
```
|