2012-02-07 59 views
0

的顶部上的DIV基本上我有一个显示指定网页的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的顶部/上方。这可能吗?

+1

'iframe'从父页面加载相同的域,是否正确? – Sampson 2012-02-07 15:00:18

+0

嗨。是的。 – GSTAR 2012-02-07 15:01:33

回答

4

是的,你可以在元素absoluterelative定位到一个容器中,然后设置相应的位置。

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