回答編集履歴
1
補足追加
test
CHANGED
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
|
|
75
75
|
.bg::before{
|
|
76
76
|
|
|
77
|
-
opacity: 0.6;
|
|
77
|
+
//opacity: 0.6;
|
|
78
78
|
|
|
79
79
|
position: absolute;
|
|
80
80
|
|
|
@@ -98,26 +98,36 @@
|
|
|
98
98
|
|
|
99
99
|
div.bg:nth-child(1)::before {
|
|
100
100
|
|
|
101
|
-
background-color: rgba(xxx,xxx,xxx,0.
|
|
101
|
+
background-color: rgba(xxx,xxx,xxx,0.6); //rgbaで透過色を指定
|
|
102
102
|
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
div.bg:nth-child(2)::before {
|
|
106
106
|
|
|
107
|
-
background-color: rgba(xxx,xxx,xxx,0.
|
|
107
|
+
background-color: rgba(xxx,xxx,xxx,0.6); //rgbaで透過色を指定
|
|
108
108
|
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
div.bg:nth-child(3)::before {
|
|
112
112
|
|
|
113
|
-
background-color: rgba(xxx,xxx,xxx,0.
|
|
113
|
+
background-color: rgba(xxx,xxx,xxx,0.6); //rgbaで透過色を指定
|
|
114
114
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
div.bg:nth-child(4)::before {
|
|
118
118
|
|
|
119
|
-
background-color: rgba(xxx,xxx,xxx,0.
|
|
119
|
+
background-color: rgba(xxx,xxx,xxx,0.6); //rgbaで透過色を指定
|
|
120
120
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
```
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
※opacityで一律に0.6に透過させるのではなく、rgba()でやっているのは、
|
|
128
|
+
|
|
129
|
+
使う色によって透過の雰囲気が多少違うかな？と思ったので、
|
|
130
|
+
|
|
131
|
+
個別に透過度を調整できるようにrgba()で指定させていただいております。
|
|
132
|
+
|
|
133
|
+
一律でいいならopacityでも大丈夫かな…？
|