Question

我知道有很多关于这方面的问题，但我仍然不明白如何使用css菜单下拉列表也能在IE8中运行。

它适用于所有浏览器，除了在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＆gt; li>

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

Answer 2

要快速修复，您可以为IE8添加单独的css，并仅为IE8添加修复程序。

使用以下内容添加特定于IE8的CSS。

<!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->

Answer 3

只需在HTML代码的顶部插入<!DOCTYPE html>即可。

CSS菜单下拉列表在IE8中无效

3 个答案: