javascript - 图片描述网站

Question

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

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

谢谢

score 1 · Accepted Answer

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

查看您发布的 HTML，您可能想要申请position: relative( <td>like with .image_table td).

1 回答 1