调整窗口大小时图像移动

Question

我已多次尝试在我的网站上获取图片，以便在调整窗口大小时不要移动 - 没有运气。

我“只是”希望这张图片完全保持在同一个地方，无论窗口大小如何。

这是我想要在顶部的“kranz”图像，文字是“本周的英雄”。如您所见，文本保持在同一位置。

如果您有任何建议或解决方案，我很乐意听到它们！

jsfiddle.net/VDfN4

谢谢！

Answer 1

很难说现在的代码以及你想要完成的是什么，但从我所看到的问题可能是因为#kranz img的绝对定位。尝试使用position：relative或将kranz div包装在另一个div中，即div：relative。

Answer 2

请勿使用百分比进行展示。

#kranz img {
 position:absolute;
left:42%;
margin-left:-50px;
margin-top:-13%;
width:275px;
}

左图：42％是容器宽度（或窗口宽度）的42％，边距顶部是容器高度（或窗口高度）的13％....所以如果窗口调整大小并且容器调整大小测量值发生变化。使用像素或其他绝对测量而不是百分比等相对测量。