Question

我有一个CSS菜单，可以在chrome和firefox中正常工作，但不能在IE中使用。

任何想法为什么？

Answer 1

查看源代码，Doctype位于错误的位置，迫使IE以Quirks模式呈现。

另外，请考虑添加以下元标记以强制IE使用最新引擎进行渲染

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Answer 2

您的HTML不对

<head>
    <title>Career Media Mobile</title>
    <meta charset="UTF-8">
    <link href="css/dropDown.css" rel="stylesheet" type="text/css">
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

    <body bgcolor="#D2D1CF">

应该是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
    <title>Career Media Mobile</title>
    <meta charset="UTF-8">
    <link href="css/dropDown.css" rel="stylesheet" type="text/css">
</head>

    <body bgcolor="#D2D1CF">

这将有助于我猜对象

CSS菜单在IE中不起作用，在Chrome和Firefox中正常运行

2 个答案: