Jquery - 将div粘贴到图像上

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/