0

ポップアップ ウィンドウ内に画像 (矢印) を配置する際に多くの問題が発生しています。ボックスに相対的な配置を使用すると、img を正確に正しい場所に移動できません。

そこで、div 内に div を配置するか、absolute を試してみました (抜粋を示します)。

<div style="position:relative;top:0px;bottom:500px;left:100px">
<img src="my_image.png" style="position:absolute" height="50" width="100" alt="Arrow pointing to the top right corner of the page" />
</div>

ただし、ボックスの残りの部分に関連していないため、実際には移動しません。ポップアップを展開するだけです。

とにかく私がやりたいことはありますか？私は正しい軌道に乗っていますか？

乾杯！

編集：この矢印はヘッダーを指すはずです（ポップアップには「ヘッダー内...」と表示されます）。私はこの設定が特に好きではありませんが、他に何も考えられません。より良いアイデアがあれば、投稿してください:-)

4

2 に答える 2

0

次のような組み合わせが必要です。

  • 親要素 (コンテナー div、つまり popup) には position:relative または absolute が必要です
  • 子 (矢印) には次のものが必要です: position:absolute,top:123px,left:245px (top と left は、含まれる要素に対する相対的な位置を示します)。

IMG を縮小または拡大しない限り、img の幅と高さは役に立ちません。これは行うべきではありません。削除してください。コード内の div が単なる矢印のラッパーなのか、それともポップアップ コンテナーなのかわかりません。最初のケースでは、それをドロップして、display:block を img 要素に設定することができます。

于 2013-01-25T15:12:29.583 に答える
0

divの背景画像にした方がいいでしょう。

<div style="background-image: url('my_image.png'); background-position:top right; background-repeat:no-repeat;">

</div>
于 2013-01-25T15:13:15.677 に答える