IE中的CSS下拉列表

我在CSS中有我的导航，因此将鼠标悬停在主导航上，出现父导航中的

。很简单。它适用于除IE以外的所有浏览器，我不知道为什么

以下是CSS和HTML：

HTML:

将此HTML与相同的css一起使用

<ul>
<a href="#" class="nav"><li id="first">Home</li></a>
<a href="#" class="nav"><li id="second">About
    <ul>                    <a href="#1"><li>Who Am I?</li></a>
        <a href="#2"><li>My Mission</li></a>
        <a href="#3"><li>Portfolio</li></a>
    </ul>
</li></a>
<a href="#" class="nav"><li id="third">Toy Box
    <ul>
        <a href="#"><li>Projects</li></a>
        <a href="#"><li>Toys</li></a>
    </ul>
</li></a>
<a href="#" class="nav" ><li id="fourth">Contact</li></a>
<a <?php if(isset($_SESSION['id'])){ echo "href='editProfile.php'"; }else{ echo "href='login.php'"; } ?> <a href="#" class="nav"><li id="fifth">Account</li></a>
    <?php
    if(!isset($_SESSION['id'])){
    ?>
    <ul>
        <a href="login.php"><li>Log-In</li></a>
        <a href="register.php"><li>Register</li></a>
    </ul>
    <?php
    }else{
    ?>
    <ul>
        <a href="editProfile.php"><li>Edit Profile</li></a>
        <a href="logout.php"><li>Log-Out</li></a>
    </ul>
    <?php
    }
    ?>
</li></a>
<div class="clear"></div>

---

将此HTML与相同的css一起使用

<ul>
<a href="#" class="nav"><li id="first">Home</li></a>
<a href="#" class="nav"><li id="second">About
    <ul>                    <a href="#1"><li>Who Am I?</li></a>
        <a href="#2"><li>My Mission</li></a>
        <a href="#3"><li>Portfolio</li></a>
    </ul>
</li></a>
<a href="#" class="nav"><li id="third">Toy Box
    <ul>
        <a href="#"><li>Projects</li></a>
        <a href="#"><li>Toys</li></a>
    </ul>
</li></a>
<a href="#" class="nav" ><li id="fourth">Contact</li></a>
<a <?php if(isset($_SESSION['id'])){ echo "href='editProfile.php'"; }else{ echo "href='login.php'"; } ?> <a href="#" class="nav"><li id="fifth">Account</li></a>
    <?php
    if(!isset($_SESSION['id'])){
    ?>
    <ul>
        <a href="login.php"><li>Log-In</li></a>
        <a href="register.php"><li>Register</li></a>
    </ul>
    <?php
    }else{
    ?>
    <ul>
        <a href="editProfile.php"><li>Edit Profile</li></a>
        <a href="logout.php"><li>Log-Out</li></a>
    </ul>
    <?php
    }
    ?>
</li></a>
<div class="clear"></div>

改变

<a href="#"><li></li></a>

到

并将

a

设置为

display:block和所需大小。
更改

<a href="#"><li></li></a>



到



并将
a
设置为
display:block和所需大小。
哪个IE版本？到底是什么不起作用？这只是过渡吗？在低于版本10的IE中不受支持。旧版本的IE不支持列表元素上的
：hover
。也许您应该尝试正确排序html？不允许将
a
直接插入
ul
。它应该直接包含
li
，因此正确的列表看起来像
，而不是您这样做的。我打赌旧版本的IE可能会有一些这样的问题。而
a
标签通常位于
li
内，而不是相反。如上所述重新设置它的范围，并将
a
设置为
显示：块和所需大小。哪个IE版本？到底是什么不起作用？这只是过渡吗？在低于版本10的IE中不受支持。旧版本的IE不支持列表元素上的
：hover
。也许您应该尝试正确排序html？不允许将
a
直接插入
ul
。它应该直接包含
li
，因此正确的列表看起来像
，而不是您这样做的。我打赌旧版本的IE可能会有一些这样的问题。而
a
标签通常位于
li
内，而不是相反。如上所述重新设置它的范围，并将
a
设置为
显示：块和所需大小。未更改任何内容。你能解释一下你改变了什么吗？因为我什么都看不到。你的“nav”帐户部分没有任何标记，所以它在浏览器中显示为现在的样子。是的，是PHP启动了a标记，然后是li。然后，在我宣布下拉内容后，li和a关闭。哦，我明白了，但不知怎么的，该标记中编写的代码在我的浏览器中不起作用。您的本地主机上是否有PHP服务器上运行的代码？如果不是的话，它不会工作，你不能运行它。没有改变任何东西。你能解释一下你改变了什么吗？因为我什么都看不到。你的“nav”帐户部分没有任何标记，所以它在浏览器中显示为现在的样子。是的，是PHP启动了a标记，然后是li。然后，在我宣布下拉内容后，li和a关闭。哦，我明白了，但不知怎么的，该标记中编写的代码在我的浏览器中不起作用。您的本地主机上是否有PHP服务器上运行的代码？如果没有，它就不能工作，你不能直接运行它。
<li><a href="#"></a></li>