jquery - 将 DIV 叠加在另一个元素之上

Question

基本上我有一个显示给定页面的 IFRAME。我想在此 IFRAME 内的特定元素之上放置一些 DIV。我无法编辑 IFRAME 源页面的 CSS。

目前，我正在使用 jQuery 在 IFRAME 中附加 DIV:

$('#portal').contents().find('.callout').append('<div class="overlay">Test</div>');

(#portal 是 IFRAME，.callout 是目标 DIV)

所以现在我只需要将 div.overlay 显示在目标 DIV 的顶部/上方。这可能吗？

Answer 1

是的，您可以将元素 absolute 或 relative 定位到容器，然后相应地设置位置。

.overlay {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
}