포지션 라이트 박스 - Fancybox

Question

이미지 위에 라이트 박스를 배치해야합니다. 나는이 CSS를 추가하려했다. :

#globe{ 
position:absolute; 
left:170px; 
top: 50px; 
} 

내가 그렇게하면 라이트 박스가 깨진다. Lightbox를 어떻게 배치합니까? 나는 그것이 라이트 박스에 표시 할 위치를 이제

<p><a id="fancy" href="#globe"><img class="center" style="width:620px;" 
src="/messages4u/2011/images/october/baby-n-grandfather.jpg" /></a></p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<div class="hide"><div id="globe"> 
<img src="/messages4u/2011/images/october/globe-text.png" width="400" 
height="400" /></div></div> 

<script type="text/javascript"> 
var $j = jQuery.noConflict(); 
$j(document).ready(function() { 
$j("a#fancy").fancybox({ 
    'padding' : 0, 
    'overlayShow' : false, 
}); 
}); 
</script> 

가 어떻게 이미지를 배치 할 : 여기에 (내가 Fancybox을 사용하고하는 것은) 내 HTML입니까?

Answer 1

당신은 fancybox - 외부 당신은 항목을 변경

#fancybox-outer{ 
position:absolute; 
left:170px; 
top: 50px; 
}