• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:リンク画像の表示範囲指定の方法が知りたいです!)

リンク画像の表示範囲指定の方法が知りたい

このQ&Aのポイント
  • FC2のブログでアフィリエイトをしていますが、著作権の関係で画像を加工することはできません。そこで、リンク画像の表示範囲を指定する方法を知りたいです。
  • 具体的には、余白部分をトリミングしたり、見せないようにして詰めて表示する方法があるのか知りたいです。
  • 例えば、以下の2つのリンク画像を指定した場合、画像の表示範囲を制限する方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • SortaNerd
  • ベストアンサー率43% (1185/2748)
回答No.1

難しいですね。 margin指定をマイナスにすることで画像の上に画像を重ねることはできますが、片方の余白がもう一方の画像本体部分にかからないようにする必要がありますので、余白1つ分は残ってしまいます。 一応、margin指定の方法は次のようにします。 <img src="~" style="margin:-10 0 -10 0; position:relative; z-index:-1"> marginを指定しただけだと上の行の文字にかかってしまうので、z-indexで高さ指定を本文より低くしておく必要があります。 position:relativeはこれをしないとz-indexが使えないので。既に他にposition指定があった場合はレイアウトが崩れるかもしれません。

yuukisyou
質問者

お礼

丁寧な説明ありがとうございました。おっしゃる通り、かなり難しいですね(笑)。時間を掛けて調整すればできないことはないですが、時間が掛かる上にレイアウトが崩れるのでは、効率が悪いので諦めます。どおりでググっても、有効な解決策が見つからなかった訳ですね。

関連するQ&A