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

Question

也许我正在解决这个问题，但我有一个表格，其部分内容被删除......

.form_jquery {display: none;}

我正在显示父div和标题的内容......

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

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

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

下部块元素被向下推。我在下面的块上尝试了一些显示元素选项，但有不良反应。我的最后一招是将我的表单设置为“固定”，但我确实希望它模拟一个菜单标题并滚动到该组。

http://www.testinr.com/

Answer 1

您应该将以下项目添加到您的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中。