Responsive design 将绝对div始终保持在图像父容器上

我在一个互动展示室工作。在这个陈列室里，参观者可以点击产品以获得一个包含该产品更多信息的lichtbox

见：

重新缩放浏览器时，是否可以将点始终保持在与下图相同的位置。正常宽度=1140px最小宽度=960px。现在图像缩放，但点始终保持在绝对位置

我尝试了%的计算，但也没用。图像的缩放速度比点快

有困难的%计算？或者一些Javascript。 或者，是否有可能从俯仰角度计算绝对位置

position: fixed;      

---

这应该可以使用

它应该可以使用百分比，当屏幕太小时，您可能需要将点更改为较小的点。此外，您可以考虑使用图像而不是BG图像。我认为带有

包含
的bg图像可能无法完美调整大小。例如，谢谢你的重播，我要试试雷克萨斯风格：）