Javascript 将div堆叠在绝对定位的图像下，该图像的比例会发生变化

在我正在构建的页面上，我使用了一个

jquery

图像缩放插件来缩放大图像：

我试图在图像下方放置导航div，但我无法这样做，因为图像已完全定位，并且图像的比例发生了变化，因此我无法仅为导航指定一个填充顶值，以使其显示在照片下方

---

任何帮助都将不胜感激。

我将把image和navigation div放在一个容器中，并在其中指定绝对位置（而不是image）。这似乎是最简单、最直接的解决方案。

首先，图像是否必须绝对定位？通常，如果您希望图像相对于页面上的其他元素放置，或者希望页面上的其他元素相对于图像放置，则它们是相对放置的，有时是绝对定位的

如果您解释为什么图像必须绝对定位，可能会有一个更简单的解决方案

假设需要对图像进行绝对定位，我可以想象的唯一可能性是修改jQuery插件，或者在调整图像大小时制作第二个javascript来编辑填充顶部

如果您需要将图像绝对定位在页面上，但与所有其他元素相对定位，我建议将图像和内容（您希望显示在其下方）放在绝对定位的元素中，但使它们各自相对定位。

您可以获得值，然后计算出你需要多少填充物

var myheight = $('.maxAtOrigImageSize').height();
$('.nav').css('paddingTop', myheight+'px');

但是，您需要为窗口更改大小添加事件，以便在用户调整窗口大小时，您可以更新导航的填充

---

我在回答你的问题，但我觉得有一个更干净的解决办法。我将创建一个包含DIV的，用于调整大小的图像，然后使用导航DIV。调整大小时，导航将始终位于图像底部的正确位置。你可能想考虑改变你实现这一点的方式。

嘿，伙计，我使用的插件绝对把图像定位成它缩放的一部分。当我将其更改为相对时，图像不再位于页面的中心，但即使我尝试将其包含在div中，图像仍会缩放