2014-10-31 4 views
0

div의 배경 이미지로 이미지가 있습니다. div에는 스크롤이있어서 사용자가 스크롤하여 이미지의 다른 부분을 볼 수 있습니다. 이제는 이미지의 특정 위치에 작은 div를 배치하고 이미지의 원래 위치를 유지해야합니다. 사용자가 스크롤해도 div는 이미지와 함께 스크롤해야합니다.Jquery - 이미지 위에 div를 붙입니다.

+0

에서 상대 위치로 스티커 사업부를 넣어? –

답변

0

이게 무슨 뜻이야?

<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> 

그냥 당신이 당신의 HTML과 CSS를 공유 할 수 내부 사업부

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

관련 문제