質問編集履歴
3
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -129,3 +129,77 @@
|
|
|
129
129
|
エディタ:Brackets
|
|
130
130
|
|
|
131
131
|
ブラウザ:クローム
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
### ご回答を受けて
|
|
138
|
+
|
|
139
|
+
頂きましたご回答を参考に直してみましたところ、以下のようになり、fv-wrapper領域からはみ出してしまいました。
|
|
140
|
+
|
|
141
|
+
領域外の影響範囲に関してはこちらの説明不足で大変失礼致しました。
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
引き続きご教授頂けますと幸いです。
|
|
146
|
+
|
|
147
|
+
■試したこと
|
|
148
|
+
|
|
149
|
+
fv-wrapper::beforeにheightを設定
|
|
150
|
+
|
|
151
|
+
overflow: hidden;を設定
|
|
152
|
+
|
|
153
|
+
```css
|
|
154
|
+
|
|
155
|
+
html body .fv-wrapper {
|
|
156
|
+
|
|
157
|
+
position: relative;
|
|
158
|
+
|
|
159
|
+
width: 100%;
|
|
160
|
+
|
|
161
|
+
/* beforeにabsoluteを効かせるためwrapperにrelativeを設定する */
|
|
162
|
+
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
html body .fv-wrapper::before {
|
|
168
|
+
|
|
169
|
+
content: url(../img/sercle.png);
|
|
170
|
+
|
|
171
|
+
position: absolute;
|
|
172
|
+
|
|
173
|
+
right: -300px;
|
|
174
|
+
|
|
175
|
+
top: -500px;
|
|
176
|
+
|
|
177
|
+
-webkit-transform: scale(1.3);
|
|
178
|
+
|
|
179
|
+
transform: scale(1.3);
|
|
180
|
+
|
|
181
|
+
z-index: -1;
|
|
182
|
+
|
|
183
|
+
overflow: hidden;
|
|
184
|
+
|
|
185
|
+
/* position:absolute;
|
|
186
|
+
|
|
187
|
+
right:0; */
|
|
188
|
+
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
```
|
|
192
|
+
|
|
193
|
+
現在の状況は以下になります↓
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
サークル画像を収めたい理想の領域はコチラになります↓
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
※収めたい領域が分かりやすいようbackground-color:yellowを一時的に設定しておりますが、デザインとは無関係です。
|
|
204
|
+
|
|
205
|
+
※widthに関しては1000pxだと足りなかったので100%に変更させてもらっています。
|
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -122,6 +122,8 @@
|
|
|
122
122
|
|
|
123
123
|
|
|
124
124
|
|
|
125
|
+
|
|
126
|
+
|
|
125
127
|
OS:Windows
|
|
126
128
|
|
|
127
129
|
エディタ:Brackets
|
1
画像の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
|
|
121
121
|
### 補足情報（FW/ツールのバージョンなど）
|
|
122
122
|
|
|
123
|
-
|
|
123
|
+
|
|
124
124
|
|
|
125
125
|
OS:Windows
|
|
126
126
|
|