将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的顶部/上方显示div.overlay。这可能吗？

Answer 1

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

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