CSS菜单不工作在IE浏览器，在Chrome和火狐工作正常

问题描述：

我有一个CSS菜单，可以在Chrome和Firefox中正常工作，但不在IE中。CSS菜单不工作在IE浏览器，在Chrome和火狐工作正常

任何想法，为什么？

你是否介意用“正常工作”来详细说明你的意思？也许截图？ – wei2912 2013-03-06 12:24:08

答

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

还考虑将遵循meta标签，迫使IE浏览器的最新引擎渲染，

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

这确实是不正确的，我强烈建议移动到HTML5，并为其添加适当的文档类型“”。 – qwerty 2013-03-06 12:33:22

答

你的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和火狐工作正常

相关推荐