在另一个内容上设置div位置

我有一个页面内容，其中包含文本。下面的内容，有一个导航栏，我希望每当我将导航器中的某个元素悬停时，div就会在刚刚悬停的元素上方打开，并显示一些内容。在另一个内容上设置div位置

我不想让DIV弹出来推动页面上的任何对象，我希望它能像页面上的所有对象一样。

some code since I have to insert code tags if I want to post fiddle

这里有一个小提琴证明：

Click here for fiddle

在小提琴，我想，只要我将鼠标悬停首先，第一反馈将显示略高于他。

这几乎是我的代码，我刚刚使用jQuery来计算我所需的宽度，但我不能让div上面的div应该在上面。我不能通过我的眼睛来计算，并说出有多少像素，因为网站是非常动态的，所以我需要一个公式来计算每次我。

如果您有任何代码建议，例如重定位反馈div，请随时编辑小提琴！

在此先感谢！

来源

2013-03-10 kfirba

更新：好的，我按照您指定的方式完成了：http://jsfiddle.net/2U7jB/3/。还有其他方法可以做到这一点 - 这取决于您的HTML。

原始响应：这是接近你想要什么：http://jsfiddle.net/2U7jB/2/

.popup { 
    display: none; 
    height: 35px; 
    width: 100%; 
    background-color: blue; 
} 

<div id="first"> 
    <div class="popup"></div> 
</div> 
<div id="second"> 
    <div class="popup"></div> 
</div> 
<div id="third"> 
    <div class="popup"></div> 
</div> 

$('#first, #second, #third').on('mouseover', function() { 
    $(this).children('.popup').show(); 
}); 
$('#first, #second, #third').on('mouseleave', function() { 
    $(this).children('.popup').hide(); 
});

为了得到你想要的，只要创建两个div内#first，#second和#third - 对于第一个div隐藏（弹出）内容，以及导航菜单/背景颜色的第二个div。

来源

2013-03-10 23:26:49 ktm5124

在另一个内容上设置div位置

回答

相关问题