相对于父div定位colorbox

Question

有什么方法可以让我的colorbox相对于父div？我需要它出现在特定元素的右侧，而不是相对于整个页面的位置。

Answer 1

加载dom后，您可以移动#colorbox元素。例如：

$('#colorbox').appendTo('#newElement');

然后，当您将颜色框分配给元素时，您需要指定一个位置，而不是让它尝试将自己置于访问者视口中。

$('a.example').colorbox({top:0, right:0});

当然，您的父对象需要进行定位，以便颜色框相对于它定位。

#newElement { position:relative; }

Answer 2

<div id="outer" style="position: relative">
   <div id="inner" style="positon: relative"></div>
</div>

此处 #inner 元素相对于 #outer 元素定位。这意味着您可以将#outer元素位置设置为绝对或固定，并将其放置在您想要的位置。 #inner总是与#outer相对。