Javascript 使用jQuery悬停显示时如何重叠块元素

也许我做错了，但我有一个表格，其中部分内容被删除了

.form_jquery {display: none;}

当父div和title悬停时，我正在显示内容

$(document).ready( function () {
        $(".deliver").hover(
            function () {
            $(".form_jquery").css({'display':'block'});
            },
                function () {
                    $(".form_jquery").css({'display':'none'});
                }
         )
    });

问题是，我在这个表单标题/切换下有一个主要内容区域，当我们

css({'display':'block'})

下块元素被向下推。我已经尝试了一些显示元素选项在较低的区块与不良反应。我最后的办法是将我的表单设置为固定，但我确实希望它模拟一个菜单标题并与该组一起滚动

---

您应该将以下项目添加到css中

.deliverOnHover
{
    position:relative;
    z-index: 99;
    display: block;
}
body{
    position: absolute;
    table-layout:fixed;
}

Jquery将是这样的：

$(document).ready( function () {
    $(".deliver").hover(function(){
         $(".form_jquery").toggleClass('deliverOnHover');
    });
});

---

并将position:absolute添加到下面div的css中。

您可能需要向我们展示页面或JSFIDLE来说明problem@greener到底是什么被推倒了？“主页”框保持在原位，表单的出现和消失正如人们所预料的那样？@greener有趣的是，我一直在Firefox中开发。正如你在Chrome上所说的那样，它可以正常工作，但Firefox却把事情搞砸了。我仍然可以在firefox中使用Home下拉菜单，更不用说这段代码只切换表单的父节点，使内容子节点不受函数的影响。不过我会玩一会儿。