html - CSS 菜单下拉菜单在 IE8 中不起作用

Question

我知道有很多关于此的问题，但我仍然不明白如何制作在 IE8 中也适用的 css 菜单下拉菜单。

我做了 this sample menu.

它适用于所有浏览器，除了在 IE8 中您会看到 this.。

如果有人能向我解释什么不起作用以及如何修复，我将不胜感激。谢谢

Answer 1

如果你看到的话，你的语法有错误

这是你的代码

          <ul>
                <a href="#"><li>Item 1
                <ul>
                        <a href="#"><li>Sub-item 1</li></a>
                        <a href="#"><li>Sub-item 2</li></a>
                        <a href="#"><li>Sub-item 3</li></a>
                        <a href="#"><li>Sub-item 4</li></a>
                        <a href="#"><li>Sub-item 5</li></a>
                    </ul>

                </li>
               </a>
           </ul>

应该是

            <ul>
               <li>
                           <a href="#">Item 1</a>
                               <ul>
                        <li><a href="#">Sub-item 1</a></li>
                        <li><a href="#">Sub-item 2</a></li>
                        <li><a href="#">Sub-item 3</a></li>
                        <li><a href="#">Sub-item 4</a></li>
                        <li><a href="#">Sub-item 5</a></li>
                    </ul>
                </li>
           </ul>

你的语法应该是 ul > li > a

您可以尝试更改代码的语法。