css - 下拉菜单 css3 菜单在 IE10 中不起作用

Question

这是我的代码，它在 IE 10 中不能正常工作，但是，它在谷歌浏览器中工作得很好。 我感谢您的帮助。提前致谢。

<ul id="css3_menu"> 
    <li><a href="#">Home </a></li> 
    <li><a href="#">Juniors </a> 
    <ul> 
    <li><a href="#">Coursebook</a></li> 
    <li><a href="#">Novels for Juniors</a> 
    <ul> 
    <li> <a href="#">William  Thackeray </a> 
    <ul> 
    <li> <a href="#">Vanity Fair</a></li> 
    </ul> 
    </li> 
    <li> <a href="#">Charles Dickens</a> 
    <ul> 
    <li> <a href="#">Hard Times</a></li> 
    </ul> 
    </li> 
    <li> <a href="#">Leo Tolstoy</a> 
    <ul> 
    <li> <a href="#">Anna Karenina</a></li> 
    </ul> 
    </li> 
    <li> <a href="#">Oscar Wilde</a> 
    <ul> 
    <li> <a href="#">The Picture of Dorian Gray</a></li> 
    </ul> 
    </li> 
    <li> <a href="#">Thomas Hardy</a> 
    <ul> 
    <li> <a href="#">Tess of the d’Urbervilles</a></li> 
    </ul> 
    </li> 
    <li> <a href="#">H. G. Wells</a> 
    <ul> 
    <li> <a href="#">The War of the Worlds</a></li> 
    </ul> 
    </li> 
    </ul> 
    </li> 
    <li><a href="#">Lecture I</a></li> 
    <li><a href="#">Lecture II</a></li> 
    <li><a href="#">Lecture III</a></li> 
    <li><a href="#">Lecture IV</a></li> 
    <li><a href="#">Lecture V</a></li> 
    <li><a href="#">Lecture VI</a></li> 
    </ul>    
</li> 
<li><a href="#">Contact us</a></li></li></ul>

Answer 1

我无法在 IE10 中进行测试，但我注意到最后有一个结束 li 标记。查看此代码是否有效:

<ul id="css3_menu"> 
    <li><a href="#">Home </a></li> 

    <li><a href="#">Juniors </a> 
        <ul> 
            <li><a href="#">Coursebook</a></li> 
            <li><a href="#">Novels for Juniors</a> 

                <ul> 

                    <li> <a href="#">William  Thackeray </a>
                        <ul>
                            <li><a href="#">Vanity Fair</a></li>
                        </ul> 
                    </li> 

                    <li> <a href="#">Charles Dickens</a>
                        <ul>
                            <li><a href="#">Hard Times</a></li>
                        </ul> 
                    </li> 

                    <li> <a href="#">Leo Tolstoy</a>
                        <ul>
                            <li><a href="#">Anna Karenina</a></li>
                        </ul>
                    </li> 

                    <li> <a href="#">Oscar Wilde</a>
                        <ul>
                            <li> <a href="#">The Picture of Dorian Gray</a></li>
                        </ul>
                    </li> 

                    <li> <a href="#">Thomas Hardy</a> 
                        <ul>
                            <li><a href="#">Tess of the d’Urbervilles</a></li>
                        </ul> 
                    </li> 

                    <li> <a href="#">H. G. Wells</a> 
                        <ul>
                            <li><a href="#">The War of the Worlds</a></li>
                        </ul> 
                    </li>

                </ul> 

            </li> 
            <li><a href="#">Lecture I</a></li> 
            <li><a href="#">Lecture II</a></li> 
            <li><a href="#">Lecture III</a></li> 
            <li><a href="#">Lecture IV</a></li> 
            <li><a href="#">Lecture V</a></li> 
            <li><a href="#">Lecture VI</a></li> 
        </ul>    
    </li> 

<li><a href="#">Contact us</a></li>
</ul>