如何将菜单放在内容之上？答案

【问题标题】：How to put the menu over the content?如何将菜单放在内容之上？
【发布时间】：2014-07-20 14:46:29
【问题描述】：

我正在使用 drupal 7 开发一个网站。我使用的是 zen 主题 7.x/5.x。我想把菜单放在内容上。内容是首页的幻灯片。我尝试将两个菜单放在主要内容上方的内容区域中。但它不起作用。它的css代码是：

#block-system-main-menu{
position:absolute;
left:7px;
top:162px;
}
#block-menu-menu-menu-socialmedia{
position:absolute;
left:7px;
top:436px;
}
#views_slideshow_cycle_main_slideshow-page{
position:absolute;
left:165px; 
top:68px;
}

我是怎么做到的？我要修改页面--front.tpl.php？

【问题讨论】：

标签： php jquery css drupal-7 zen

【解决方案1】：

如果我对您的理解正确，您希望您的菜单与您的内容重叠吗？尝试使用z-index。像这样：

#block-system-main-menu{
position:absolute;
left:7px;
top:162px;
z-index:2;
}
#block-menu-menu-menu-socialmedia{
position:absolute;
left:7px;
top:436px;
z-index:2;
}
#views_slideshow_cycle_main_slideshow-page{
position:absolute;
left:165px; 
top:68px;
z-index:1;
}

z-index 越高，页面上的排序就越高。

【讨论】：