800pxの背景画像の特定の場所に、絶対位置で画像をのせたいのですが、
画面のサイズが800px以下になると、のせた画像と背景がズレてきます。
また、800px以上では背景画像が大きくなるので、できれば、背景画像の大きさに合わせて、
固定画像も大きくしたいです。
背景画像にAという点があるとすると、その点の箇所に常に固定画像がのっているイメージです。
JavaScriptを利用する方法でもかまいません。
よろしくお願いいたします。
▼現象の表現
https://jsfiddle.net/5bupgcce/
<div> <p><img src="http://placehold.jp/50x50.png"></p> </div>
div { position: relative; min-height: 200px; background-image: url(http://placehold.jp/9999cc/333333/750x200.png); background-size: cover; background-repeat: no-repeat; background-position: center center; p { position: absolute; top: 30%; left: 70%; } }
回答2件
あなたの回答
tips
プレビュー