1

我知道对此有很多疑问，但我仍然不明白如何制作一个在 IE8 中也可以使用的 CSS 菜单下拉菜单。

我制作了这个示例菜单。

它在所有浏览器中都运行良好，除了在 IE8 中您可以看到它。

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

4

3 回答 3

3

如果您看到，您的语法有错误

这是你的代码

          <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

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

于 2013-09-02T10:00:14.290 回答
2

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

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

<!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->
于 2013-09-02T10:04:05.953 回答
1

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

于 2016-12-08T00:48:19.013 回答