php - 下拉菜单(列表)与 I.E. 不兼容？

Question

通过添加修复:<meta http-equiv="X-UA-Compatible" content="IE=9" /> 问题是 IE 将其呈现为 Quirk 模式，所以在建议后我禁用了它并且我的页面是完美的!所以我添加了该元数据，以便它在 IE 9 中显示良好。

我的下拉菜单与 FF 和 CHROME 兼容，但与 IE 不兼容。 使用 PHP/HTML/CSS

JSFiddle: link

真正的问题是: 当我删除 > 时，它会显示 onze media。但是没有下拉菜单(列表)。 所以实际的问题是:I.E.支持<ul><li><ul><li></li></ul></li></ul>?

IMG LINK for larger IMG

#media > a{
    height:49px;
    width:85px;
    background-repeat:no-repeat;
    background-image : URL(images/menu/media_normal.png );
    margin-left: 0px;
    margin-left: 0px;
}   
#media > a:hover{
    height:49px;
    width:85px;
    background-repeat:no-repeat;
    background-image : URL(images/menu/media_selected.png );

}


<li id="media"><a href="media.php"></a>  
<ul>
<?php   
$query = mysql_query("SELECT * FROM `apps` ");
while ($query_row = mysql_fetch_assoc($query))
{
    ?>
    <li>
    <?php
    $meer = $query_row['TITLE'];
    $desc_inject = '';
    $sub_string = substr($desc_inject, 0, 200);
    echo $sub_string." " . '' . '<a href="applink.php?id='. $query_row["ID"] . '">' . $meer . '</a>';
    ?>
    </li>
    <br />
    <?php
}
?>
</ul> 
</li> 

这将从我的数据库 (MySQL) 获取标题并在菜单的下拉列表中解析它。 在 chrome 和 FF 中它显示完美，但在 IE 中它甚至不显示选项卡 menu。 如果我删除 > between #media > a {} 它显示选项卡 menu 但不显示悬停，我还需要删除 > between #media > a:hover {} 然后它显示悬停。 但是下拉菜单不起作用。

是

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

兼容IE吗？我有最新的 IE。

Answer 1

无效标记迫使 IE 进入 Quirks mode因此可能会使对子选择器的支持处于非事件状态(如@Sarfraz 所建议的)。强制 IE9 进入标准模式可纠正显示问题。

您可以通过在 IE 9 中按 F12 来显示开发人员工具，并在窗口的这一部分的标题上显示文档模式:怪癖。如果您选择 Internet Explorer 9 标准，菜单将按预期显示。

您应该通过 W3C validator 运行您的网站(例如)并更正错误，页面应按预期呈现。有效的标记让浏览器开心——尤其是 IE。如果您随后在 IE 9 中加载更正后的页面，它应该以标准模式呈现，而不是恢复到 Quirks 模式。