导航栏元素未显示

Question

我一直在进行一个网站建设项目，以帮助学生进行修订。 我决定使用自己在网站上在线找到的超酷导航栏，因为我自己不是一个专业人士。但是，当我在“ top” div中放置任何类型的背景图片时，导航栏元素（导航栏是已排序的无序列表）不会显示。如果没有背景图片（例如小提琴中的小提琴），则无法正确使用导航栏。

这是我使用的导航栏： http://cssmenumaker.com/menu/responsive-flat-menu#

我弄弄了cssmenu div上的位置，尝试将其放在导航ID和类中（两者都在CSS中设置了样式）。

这是小提琴 https://jsfiddle.net/jgs5uqxr/

它说我需要在小提琴上附加一些代码，所以这是我的导航栏的格式

<div id='cssmenu'>
   <ul>
      <li><a href='#'>Home</a></li>
      <li class='active'><a href='#'>Products</a>
         <ul>
            <li><a href='#'>Product 1</a>
               <ul>
                  <li><a href='#'>Sub Product</a></li>
                  <li><a href='#'>Sub Product</a></li>
               </ul>
            </li>
            <li><a href='#'>Product 2</a>
               <ul>
                  <li><a href='#'>Sub Product</a></li>
                  <li><a href='#'>Sub Product</a></li>
               </ul>
            </li>
         </ul>
      </li>
      <li><a href='#'>About</a></li>
      <li><a href='#'>Contact</a></li>
   </ul>
</div>

我希望我的团队会制作一个可以使用的多级导航栏，以便为学生的教育材料添加链接。

谢谢。