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

Question

我正在尝试使用jquery创建一个菜单。当我的子菜单滑动时，页面的下半部分向下滑动。我希望下半部分修复固定，子菜单滑过它。

• 以下是页面正文：

                                        仪表板                                                           AB                                                                                  

  Hello world，这是菜单页

仪表板是主菜单项。 A 和 B 是子菜单项，可以从主菜单项中滑动。 Hello World 是页面的其余部分，它会被缩小:(。

* 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/