Jquery - 將圖片粘貼到圖片上

Question

我有一個圖片作爲div的背景圖片。 div有滾動條，用戶可以滾動查看圖像的不同部分。現在我想在圖像上的特定位置放置一個小的div，並且它應該保持在圖像的原始位置，即使用戶滾動，div也應該隨圖像一起滾動。

Answer 1

這是你的意思嗎？

<style> 
.outer {width: 300px; height: 400px; overflow:scroll;} 
.inner {background: url('http://www.excel-london.co.uk/media/26705/why-london-hero-shot.jpg') no-repeat; background-size:cover; height: 800px; width: 800px;} 
.sticker {background-color: #000; width: 100px; height: 100px; position:relative; left: 600px; top: 600px;} 
</style> 

<div class="outer"> 
    <div class="inner"> 
     <div class="sticker"> 
     </div> 
    </div> 
</div> 

只要把貼紙DIV作爲一個相對位置在內部DIV

http://jsfiddle.net/gisheri/pbev7sfm/2/