0

私のウェブサイトには、次のようなテキストのリストがあります。

ここに画像の説明を入力

私の目標は、ユーザーがこれらのテキストのいずれかにカーソルを合わせると、そのテキストに関連する画像がポップアップすることです。このようなもの:

ここに画像の説明を入力

しかし、代わりに、テキスト間にスペースを作成する次のようなものが得られます。

ここに画像の説明を入力

4

3 に答える 3

0

たとえば、相対位置と絶対位置を使用するだけです。

li { position : relative; }
li img { position: absolute; top: 0; left: 100%; }
于 2013-04-28T11:00:04.217 に答える
0

position:absoluteimage 要素を使用すると、これが発生しなくなります。

于 2013-04-28T10:18:45.483 に答える
0

リスト項目をposition: relativeに、画像を に設定しますposition: absolute。次に、必要に応じて配置します。(例: のようなものtop: 0; left: 100%;)

于 2013-04-28T10:19:06.843 に答える