将div放在模态/相对位置之外？

Question

我一直在做一些关于将div附加到其他对象的阅读。我想要做的是在模态框（在它外面）上放置一个标志，并在模态改变高度时使其移动。但是，我仍然坚持如何设计它以始终遵循动态模态。

这是我到目前为止所得到的：

$(#mydiv).appendTo("#cboxContent");

我理解的是，这会以某种方式连接它们，我已经查找了css和jquery，它们似乎都在这两个div都在一个包装器中，但是我不认为这适用于此。谢谢:)）

---

Not working demo

将此添加到标记中。

$(#facebooklike).appendTo("#cboxContent");

将此添加到#facebooklike：

position:absolute;
left:-100px;
top:-100px;

---

Working demo

http://nightlifebratislava.com/demos/like/style/colorbox.css

http://nightlifebratislava.com/demos/like/js/jquery.colorbox.js

这是模式的链接：

<a class='modal1' href="file2.html">Colorbox</a>

在下面我有facebook浮动div：

<div id="facebooklike" class="facebooklike">
    <div class="facebookinner">facebook div
</div></div>

Answer 1

你的代码虽然它应该是$（'＃mydiv'），但是将div放在#cboxContent中。 你现在可以将css设置为：

#mydiv{
    position:absolute;
    left:-100px;
    top:-100px;
}

例如。

这应该在cboxContent之外显示。你必须调整左侧和顶部以满足您的需求。还要确保cboxContent具有overflow:visible;