Question

我以为我记得在IE中测试我的菜单，但现在它不起作用。 :( 它在Chrome和FireFox中完美运行。我试着看其他答案，但找不到适合我的答案。

您可以查看My Website here

提前谢谢！我是CSS的新手，这对我来说绝对是一场挣扎。我以为我已经征服了这个，现在我只是想不要哭。：（

Answer 1

您的<font>和<ul>元素之间有两次<li>个代码。

http://validator.w3.org/check?uri=www.compray.com&charset=%28detect+automatically%29&doctype=Inline&group=0

删除它们，它将正确呈现。

编辑：

如果你想要不同的字体大小，你试过：

 <ul id="mainmenu">
    <li><a href="">Home</a>
        <ul>
            <li><a href="">item 1</a></li>
            <li><a href="">item 2</a></li>
            <li><a href="">item 3</a></li>
        </ul>
    </li>
    <li><a href="">FAQ</a></li>
    <li><a href="">Products</a></li>
    <li><a href="">Service</a></li>
    <li><a href="">Contact Us</a></li>
</ul>


#mainmenu li { //font styles }
#mainmenu ul li { //font styles }

另外，这就是为什么它不起作用，你错过了dtd：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Answer 2

您的文件无效。您需要做的第一件事就是更正标记。如果你看here，你会在标记中看到18个错误。

主要问题是<font>内的<ul>标记。您只能在<li>内放置<ul>代码，然后在<li>内放置您需要的任何元素。

不推荐使用

<font>代码，您应该使用CSS为元素设置样式。

为什么我的CSS不会在Internet Explorer中下拉菜单显示？

2 个答案: