Question

我走进了问题，因为我正在制作一个下拉菜单。但该网站几乎只用PHP编写

我现在拥有的是http://jsfiddle.net/rick043/cFz7q/

下拉菜单需要在语言按钮上。但我不知道如何做到这一点。

<div id="nav">
        <ul> 
            <li><a href="#">Home</a></li>
            <li><a href="#">Test2</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Language</a>

                <ul>
                    <li><a href="#"><?php include("sc_language.php"); ?></a></li>
                </ul>

            </li>
        </ul>
    </div>

Answer 1

现在开始：jsFiddle example - 现在将鼠标悬停在包含li的{{1}}上时会有效。

更改以下内容：

ul

要：

#nav ul li: hover > ul {
    display:block;
}

部分内容无效，因为#nav ul li:hover > ul { display:block; position:absolute; }之间有空格。您还需要添加li: hover，以便下拉列表position:absolute不会影响其他元素的流量。

使用php项目制作下拉菜单css

1 个答案: