CSS-元素具有背景色，但也是透明的

Question

我有一個菜單結構，如下所示：

<nav id="main">
    <ul id="nav-user">
        <li class="user-name">
            <span class="name">John Doe</span>
            <ul class="submenu">
                <li>Profile</li>
                <li>Settings</li>
                <li>Sign Out</li>
            </ul>
        </li>
    </ul>
    <ul id="nav-main">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ul>           
</nav>

我在ul.submenu上遇到問題。 它覆蓋ul#nav-main ，但是由於某種原因它是透明的：

http://jsfiddle.net/JvALU/

我不想看到ul#nav-main 。 我該如何改變？

Answer 1

z-index只能與relative ， absolute或fixed位置的元素一起使用。 嘗試添加position: relative; 到ul.submenu 。

希望這可以幫助。