jquery - 将 div 定位在模态之外/相对于它的位置？

Question

我一直在阅读有关将 div 附加到其他对象的内容。我想要做的是将 Logo 放在模态框的顶部(在它的外面)，并使其随着模态改变高度而移动。但是，我对如何设计它以始终遵循动态模式感到困惑。

这是我目前所得到的:

$(#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 float 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;