質問: レスポンシブデザインにおける画像と文字の重ね合わせがわからないところがあるため、ここで質問させていただきます。 質問 ズームした際、画像1のようにテキストがずれてしまいます。 インターネットで調べた結果、相対位置と絶対位置を用いた「position:relative;。position:absolute;」を用いて、画像2のように一時的にすることはできますが、ズームの際、やはりどうしてもずれてしまいます。 レスポンシブデザインを作る際、画像と文字の重ね合わせは、どのようにすればいいのでしょうか? 大変恐縮ですが、お分かりになる方、ご回答いただけると幸いです。 よろしくお願いします。 念のため、ここに私のwebsiteのURLを添付させていただきます。 websiteのURL ``` ここに文章を入れます。 コード ``` **画像1** ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/62876eea0735535515725db619c74059.png) **画像2** ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/7d769cb2ad8441ed63cbc863e9ec1502.png)
回答: 質問文に `` という記載がありますが、`` です。HTMLの構文を間違うと予期せぬ挙動になることが有るので、丁寧にチェックされたほうが良いです。 「重ねる」というだけであれば下記のような方法もあります。 ``` ここに文章を入れます。 ``` input要素のような画像ですが、「フォーム」として使うなら下記のようにするのが良いとは思います。 ``` ```