Question

我有一个页面内容，里面有文字。在内容的下方，有一个导航栏，我希望每当我将其中一个元素悬停在导航器中时，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。我不能只用我的眼睛计算并说出有多少像素，因为网站非常动态，所以我需要一个公式来为我计算每次。

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

提前致谢！

Answer 1

更新：好的，我按照您指定的方式进行了操作：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();
});

要获得你想要的东西，只需在＃first，＃second和#third中创建两个div--隐藏（弹出）内容的第一个div，以及导航菜单/背景颜色的第二个div。

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

1 个答案: