html - 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.

希望这可以帮助。