html - 调整窗口大小时图像移动

Question

我曾多次尝试让我的网站上的图像在调整窗口大小时不移动 - 没有运气。

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

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

如果您有任何建议或解决方案，我将很高兴听到他们的声音！

jsfiddle.net/VDfN4

谢谢！

Answer 1

很难用当前的代码以及你想要完成的确切内容来判断，但据我所知，问题可能是因为#kranz img 上的绝对定位。尝试使用 position:relative 或将 kranz div 包装在另一个 position:relative 的 div 中。

Answer 2

不要使用百分比来放置。

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

左边：42% 是容器宽度（或窗口宽度）的 42%，margin-top 是容器高度（或窗口高度）的 13%....所以如果窗口调整大小并且容器调整测量值的大小改变。使用像素或其他一些绝对度量而不是相对度量，例如百分比。