位置灯箱 - Fancybox

Question

我需要将灯箱放在图像的一部分上。我尝试添加这个CSS：

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

当我这样做时，它打破了灯箱。我如何定位灯箱？ （我正在使用Fancybox）这是我的HTML：

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

现在，如何将图像放置在灯箱中显示的位置？

Answer 1

您需要定位fancybox-outer

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