jquery覆盖错误定位

jquery覆盖错误定位,jquery,css,overlay,Jquery,Css,Overlay,我有一个带有图像的div(带有类触发器),该div位于一个带有id的div容器中。容器div的定位设置为“相对”,这会导致覆盖显示在右下角,当图像较大时,它将超出屏幕 我怎样才能解决这个问题 我读过这篇文章,但这对我来说不是一个好的解决方案,我不能将它移到主div之外,也不能移除容器div的相对位置-> 我在论坛上发了帖子,但没有得到任何帮助->这可以通过将覆盖元素移到相对定位的div之外来解决 在应用overlay方法之前,使用jquery可以很容易地做到这一点,例如 <div styl

我有一个带有图像的div(带有类触发器),该div位于一个带有id的div容器中。容器div的定位设置为“相对”,这会导致覆盖显示在右下角,当图像较大时,它将超出屏幕

我怎样才能解决这个问题

我读过这篇文章,但这对我来说不是一个好的解决方案,我不能将它移到主div之外,也不能移除容器div的相对位置->


我在论坛上发了帖子,但没有得到任何帮助->

这可以通过将覆盖元素移到相对定位的div之外来解决

在应用overlay方法之前,使用jquery可以很容易地做到这一点,例如

<div style="position: relative; top: -5px;">
    <a href="#" class="overlayTrigger" rel="myOverlay">My overlay trigger</a>
    <div id="myOverlay"> Testing 123 </div>
</div>

<script>
jQuery(function($) {
    $("a[rel].overlayTrigger").each(function() {
        var el = $(this);
        var target = el.attr('rel');
        $(target).appendTo('body');
        el.overlay({
            target: target,
            top: "center",
            expose: { 
                color: '#333',
                loadSpeed: 200,
                opacity: 0.9
            }
        });
    });
});
</script>

测试123
jQuery(函数($){
$([a[rel].overlytrigger”).each(function(){
var el=$(本);
var target=el.attr('rel');
$(目标)。附加到('body');
叠层({
目标:目标,,
顶部:“中心”,
公开:{
颜色:“#333”,
装载速度:200,
不透明度:0.9
}
});
});
});

我在IE8中发现,即使我将覆盖代码放在结束正文标记之前,它仍然无法正确显示。仅上面的:$(target).appendTo('body');工作!这可能是由于其他javascript写入DOM所致。简单的事情,请使用它来确定。

您希望它显示在哪里?谢谢:D但我将更改模板,它将解决我的问题:)我仍然会将您的答案标记为已接受;)