質問編集履歴

2

画像の表示箇所についてbackgroundの時に見せたい部分が一定である旨を追加資料で説明します

2021/02/17 08:34

投稿

21120903ryosuke
21120903ryosuke

スコア7

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,4 @@
1
- 添付画像のように配置すべく
2
-
3
- ![イメージ説明](b0808c422c6e2df30f09f99028476747.jpeg)
1
+ ![イメージ説明](d03b3f09ec62688f5a87cd5e9afde2cf.jpeg)添付画像のように配置すべく
4
2
 
5
3
  以下のように記述してみたのですが、画像の上に文字と動画が回り込みません。
6
4
 

1

backgroundにしてみた結果の問題点を追記しました。

2021/02/17 08:34

投稿

21120903ryosuke
21120903ryosuke

スコア7

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
+ ```