Html 如何调整网站某一点上的图像

我正试图在菜单栏的顶部放置一块木制的展示板。我已使用以下代码成功地完成了此操作：

<div style="position:relative;min-width:960px">
    <img src="http://i43.tinypic.com/16nkvl.png" style="position: absolute;left:145;top:140" />
</div>

我在上面代码中遇到的问题是，我正在使用模式在页面上显示图片（例如），但是模式窗口显示在屏幕可见部分的下方，我必须向下滚动，这对用户不友好

---

如果我删除上面的代码，一切都很好。如何在不影响弹出屏幕的情况下放置图像。

使用位置：绝对和左侧，顶部根据左上角设置x，y坐标

<div style="position:absolute; left:100px; top:150px;">
    <img src="http://i43.tinypic.com/16nkvl.png" />
</div>

---

要将其定位在离左角100150处

可能有两处错误。您使用的Javascript计算位置错误。解决这个问题的一个非常简单的方法是在CSS表中添加一些超越样式。可能不是最伟大的，因为你的图像高度不同，但它可能会起作用

<div style="position:absolute; left:100px; top:150px;">
    <img src="http://i43.tinypic.com/16nkvl.png" />
</div>

#colorbox{
top: 50% !important; /*50% from the top and using !important overtakes any inline styles*/
margin-top: -196px; /*Negative margin of the half the height of the largest image in the slideshow.*/
position: fixed; /*fix the position in the browser*/
}

---

如果有任何问题，您实际上需要进入并修复Javascript，以便它不会查看布局或“主体”的高度，而是查看浏览器窗口大小的高度。

我有点困惑，但您可能需要将DIV设置为绝对位置。你有测试页面吗？我使用wordpress界面，所以我没有测试页面。我试着绝对地去做，但没有效果。我现在已经把上面的代码放在了我的网站上，所以请通过点击内容区域中的图片来检查这个链接（），我尝试过绝对地这样做，但没有效果。我现在已将上述代码放在我的网站上，因此请点击内容区域中的图像查看此链接（offbeatdestination.com/infinity-resort）。谢谢@Gustavo Suarez您的代码对我来说是正确的。非常感谢您必须澄清，位置，左值和顶值不应位于图像样式上，而应位于div中