将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中解脱出来？打开彩盒时是否需要加载div？

Answer 1

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

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