Html 调整窗口大小时的图像移动

我已经试过好几次了，在我的网站上让一张图片在调整窗口大小时不移动，但运气不好

我“只是”希望这张图片保持在同一个地方，不管窗口大小

这是我想在顶部的图像“克兰兹”，在文本“本周的英雄”之上。如您所见，文本保持在同一位置

如果您有任何建议或解决方案，我将很高兴听到

jsfiddle.net/VDfN4

---

谢谢

很难用当前的代码和您想要实现的目标来判断，但从我看来，问题可能是因为#kranz img上的绝对定位。尝试使用position:relative或将kranz div包装到position:relative的另一个div中。

不要使用百分比进行放置

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

左边：42%是容器宽度（或窗口宽度）的42%，边距顶部是容器高度（或窗口高度）的13%。。。。因此，如果窗口调整大小，容器调整大小，测量值将更改。使用像素或其他绝对测量值，而不是相对测量值，如百分比