1

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

我怎样才能解决这个问题?

我读了这个,但这对我来说不是一个好的解决方案,我不能将它移到主 div 之外,我不能删除容器 div 的相对定位 - > Jquery tools Overlay CSS Conflict, Image位于覆盖

我在论坛上发帖但还没有得到帮助-> http://flowplayer.org/tools/forum/40/32440

4

2 回答 2

1

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

您可以在应用覆盖方法之前使用 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>
于 2010-04-28T12:46:00.760 回答
1

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

于 2010-08-25T16:27:22.410 回答