jquery - 将 div 放置在 colorbox iframe 外部和 colorbox-overlay 之上

Question

目前，我正在尝试将一个 div 放置在颜色框之外，并将其绝对放置在颜色框覆盖层中的某个位置。我在 colorbox 中加载的页面是 iframe，因此我想将 div 放置在加载 iframe 的 colorbox 之外。我试过这个:

 #facebook-test { z-index: 9999; position: absolute; top: -20px; left: -20px; background:#000; height: 100px; width: 100px;}

此 div 的 z 索引高于 #colorbox 和 #colorbox-overlay 的 z 索引。但我似乎无法将其从 iframe 中取出？打开颜色框时是否需要加载 div？

Answer 1

您是否尝试使用以下方法将其附加到正文:

$("body").append(<div id='#facebook-test'></div>);