如何在DIV容器

Question

的中心僅顯示圖像的指定的座標我有1108px高度和907像素高度的圖像。我有一個div標籤保持這個形象，它的高度和寬度，如圖

<div id="mapframe" style="overflow:hidden;height:200px;width:300px;"> 
<img id="image" src="img/Groundfloor1.jpg" height="1108px" width="907px"> 
</div> 

現在我不知道該怎麼只顯示（例如500像素從頂部和100px的右）的指定座標我的圖像位於div容器的中心位置，圖像應該是DRAGGING IMAGE，例如GOOGLE MAPS。我已經嘗試過使用偏移量，但與它的問題是，我的圖像停止拖動。 謝謝你試圖幫助我。

Answer 1

是否需要將圖像元素？將div作爲background-image並使用background-position來移動它可能會更容易一些。

如果你堅持有一個img元素，你也可以使用邊距，但爲了節省你一些頭痛，我只會使用絕對定位。