将 div 放在 colorbox iframe 之外和 colorbox-overlay 的顶部

Question

目前我正在尝试将一个 div 放在颜色框之外，并将其绝对放置在颜色框叠加层中的某个位置。我在颜色框中加载的页面是 iframe，所以我想将 div 放在加载 iframe 的颜色框之外。我试过这个：

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

此 div 的 z-index 高于 #colorbox 和 #colorbox-overlay 的 z-index。 但我似乎无法将其从 iframe 中取出？打开colorbox时需要加载div吗？

Answer 1

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

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