在超级鱼主题中启用下拉菜单

时间:2014-07-21 11:08:56

标签: css3 z-index superfish

如何在此主题http://www.html5xcss3.com/2014/03/yourhome-html5-theme.html

中启用下拉菜单
<nav class="horizontal-nav full-width horizontalNav-notprocessed">
<ul class="sf-menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="index-1.html">About Us</a></li>
<li><a href="index-1.html">Projects</a></li>
<li><a href="index-2.html">Gallery</a>
<ul>
<li><a href="index-1.html">Projects</a></li>
<li><a href="index-1.html">Projects</a></li>
</ul>
</li>
<li><a href="index-3.html">Enquiry</a></li>
<li><a href="index-4.html">Contact Us</a></li>
</ul>
</nav>

我得到一个下拉,但它隐藏在横幅后面......

我试过更改css z-index属性,但它没有工作......

有人帮我这个

2 个答案:

答案 0 :(得分:0)

将元素的z-index设置为最大值(例如99999)

试试这个:

ul.sf-menu
{
    z-index: 99999; 
}

答案 1 :(得分:0)

你可以尝试这个CSS。

.menu_block {
  z-index: 9999;
}