如何将我的div滑过另一个div

Question

我正在尝试使用jquery创建一个菜单。当我的子菜单滑行时，页面的下半部分向下滑动.我想让下半部分恢复固定和子菜单幻灯片在上面。

• 下面是页面的主体：： DashBoard AB你好世界，这是菜单页面

仪表板是主菜单项。A和B是从主菜单项滑行的子菜单.Hello 是页面的其余部分，它被向下滑动：

*jquery函数滑动子菜单*

<script type="text/javascript">
        $(document).ready(function () {
            $('#divsubMenu1').hide();
            $('#tdMenu1').hover(
                        function () { $('#divsubMenu1').slideDown("slow"); }
                        , function () { $('#divsubMenu1').slideUp("fast"); }
                        );
            });
 </script>

什么变化可以使我的下面的div修正？

谢谢!

Answer 1

使用css解决此问题

position:absolute; 
z-index:5;

在下拉子菜单上使用此样式属性。

以下是几个有用的链接

http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/