html - 所有浏览器的嵌套导航菜单悬停问题

Question

标题导航中的菜单显示有问题。导航菜单工作正常，但是当用户从搜索部分选择设备或桌面并立即将 css 菜单悬停在搜索顶部时，这与选择框和 css 菜单冲突，并且菜单超出了选择框。

请帮助我...提前致谢...

Answer 1

您应该尝试更频繁地缩进您的代码，以使其对其他人更具可读性。您的菜单的 HTML 有点乱，所以我稍微修改了一下。看看这个 fiddle :http://jsfiddle.net/csYjC/1729/

菜单 HTML 的结构应如下所示:

<ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Feedback</a>
            <ul>
                <li><a href="#">Level 1</a>
                    <ul>
                        <li><a href="#">Level 2</a>
                            <ul>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                                <li><a href="#">Level 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Level 2</a></li>
                        <li><a href="#">Level 2</a></li>
                    </ul>
                </li>
                <li><a href="#">Level 1</a></li>
                <li><a href="#">Level 1</a></li>
            </ul>
        </li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact US</a></li>
</ul>

您应该根据自己的优势修改 CSS 代码。下拉菜单的概念才是您真正应该关注的。