图像描述网站

Question

我想在我的网站上为一些图像添加图像描述。描述在<div>或<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);
}

现在的问题是显示的描述，但它附近的内容被取代，转移到为新元素腾出空间。我希望这些描述能够显示为下面的内容，并且不会移动任何内容，就像下拉描述一样。我怎样才能做到这一点？

由于

Answer 1

如果您使用position: absolute，则不会替换其他元素。您需要使用CSS来准确地将其获取到您想要的位置 - 位置值相对于具有其自己的position值的第一个父项，而不是静态值。这就是为什么如果你只是添加position: absolute，它可能会首先被错误定位。

查看您发布的HTML，您可能希望将position: relative应用于<td>（与.image_table td一样）。