質問編集履歴
2
画像の表示箇所についてbackgroundの時に見せたい部分が一定である旨を追加資料で説明します
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
添付画像のように配置すべく
|
|
2
|
-
|
|
3
|
-
添付画像のように配置すべく
|
|
4
2
|
|
|
5
3
|
以下のように記述してみたのですが、画像の上に文字と動画が回り込みません。
|
|
6
4
|
|
1
backgroundにしてみた結果の問題点を追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -115,3 +115,41 @@
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
```
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
backgroundにしてみたのですが、
|
|
122
|
+
|
|
123
|
+
```css
|
|
124
|
+
|
|
125
|
+
.pc_bana{
|
|
126
|
+
|
|
127
|
+
display:block;
|
|
128
|
+
|
|
129
|
+
line-height: 0;
|
|
130
|
+
|
|
131
|
+
background:url("../img/new_pc_top_2.jpg")no-repeat;
|
|
132
|
+
|
|
133
|
+
background-size: contain;
|
|
134
|
+
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
当サイトレスポンシブサイトですが、ウインドウの拡大縮小の際、
|
|
142
|
+
|
|
143
|
+
new_pc_top_2.jpgの拡大縮小にあわせて、iframeも拡大縮小をされるようにしたいのですが、iframeの位置が固定されてしまい、一緒に拡大縮小されない点について解決希望です
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
```html
|
|
148
|
+
|
|
149
|
+
<div class="youtube_pc">
|
|
150
|
+
|
|
151
|
+
<iframe width="auto" height="500" src="https://www.youtube.com/embed/test" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div><!-- kodawari_1/ -->
|
|
152
|
+
|
|
153
|
+
</div>
|
|
154
|
+
|
|
155
|
+
```
|