1

私のウェブサイトのいくつかの画像に画像の説明を追加したいと思います。説明は<div>or<p>にあり、jQuery を使用しています。私が持っているとしましょう：

HTML

<td><img href="aaa" onMouseOver="showMe()"><p id="descr">Description</p></td>

CSS

#descr{
    display: none;  
}

JS

function showMe()
{
    $("#descr").slideDown(1000);
}

ここでの問題は、説明が表示されますが、その近くのコンテンツが移動し、新しい要素にスペースを空けるために移動することです。ドロップダウンの説明と同じように、説明が下にあるものにオーバーレイとして表示され、何もシフトしないようにしたいと思います。どうすればこれを達成できますか？

ありがとう

4

1 に答える 1

1

使用position: absoluteしても、他の要素を置き換えることはありません。positionただし、必要な場所に正確に配置するには、CSS をいじる必要があります。位置の値は、静的以外の独自の値を持つ最初の親に相対的です。そのため、追加position: absoluteしただけでは、最初にすべての位置がずれてしまう可能性があります。

あなたが投稿したHTMLを見て、 （のように）に適用position: relativeしたいかもしれません。<td>.image_table td

于 2013-06-16T19:16:25.060 に答える