将图像放在没有位置的特定位置：绝对

Question

我为此找了一个解决方案但找不到任何东西， 基本上，我所做的是使用html地图标签，并使用了图片的游戏前进图像，我已经完成了所有区域，好像按钮是可点击的，我想知道的是有一种简单的方法可以在游戏画面中心的幻灯片中获取我想要的图像吗？为了更清楚地了解我的意思，这就是它的本质。 http://retrogamez.webege.com/

任何帮助将不胜感激！感谢

Answer 1

您没有使用绝对正确的位置。您的图像的父级需要一个位置，否则他将使用屏幕大小作为基础。

#maincontent{
    position: relative;
}
#maincontent > .img-game{
    position: absolute;
    top: 10px; /* just a example I dont know the right value */
    left: 50%; /* just a example I dont know the right value */
}

Answer 2

您可以尝试使用position:relative。然后将其置于div标记所在的img标记内;这样，无论屏幕尺寸如何，图像都将始终位于div的中心。