Internet Explorer 显示没有 CSS 的 XHTML 页面，但在 Firefox 和 Chrome 上显示 CSS答案

【问题标题】：Internet Explorer Shows XHTML page without CSS, yet shows CSS on Firefox and ChromeInternet Explorer 显示没有 CSS 的 XHTML 页面，但在 Firefox 和 Chrome 上显示 CSS
【发布时间】：2015-05-13 22:11:45
【问题描述】：

原始的 XHTML 只是显示在 Internet Explorer 中。根本没有显示 CSS。我似乎无法确定这个问题的问题。我通过 W3C 验证器运行了我的 XHTML 和 CSS，并且使用 XHTML 1.0 Strict 和 CSS 2.1 检查了零错误。我怀疑这与我的 DOCTYPE 或 XHTML 中的 <link> 有关。任何帮助表示赞赏！

XHTML（DOCTYPE 和 HEAD）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- DOCTYPE is set to STRICT-->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Flags</title>


    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" href="Flags.css" type="text/css" />

</head>
</html>

进入页面：

Internet Explorer：http://i.imgur.com/l2jcUkv.png

铬：http://i.imgur.com/tucKXzg.png

注意：CSS 名为 Flags.css，与 XHTML 位于同一目录中。

【问题讨论】：

标签： css internet-explorer xhtml

【解决方案1】：

检查 Internet Explorer 中的开发人员工具。您是否为 CSS 使用了正确的 mime？你设置的标题呢？

删除 meta 元素，它不仅是无效的而且完全脱离了 XHTML 的上下文；您正在将 mime 设置为 application/xhtml+xml 对吗？

永远不要在文件中使用大写字母，除非它们是明确的仅供下载的资源；作为良好做法的一部分，所有网络资源必须使用小写（并对面向公众的 URL 使用破折号，切勿下划线；在 Wikipedia 上研究正确的字符上下文）。

最后你缺少media 属性和screen 值...

<?php
if (isset($_SERVER['HTTP_ACCEPT']) && stristr($_SERVER['HTTP_ACCEPT'],'application/xhtml+xml'))
{
 header('Content-Type: application/xhtml+xml; charset=utf-8');
}
echo '<?xml version="1.0" encoding="UTF-8"?>'."\n";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Flags</title>
<link href="flags.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>

</body>
</html>

我的整个网站都是正确的 XHTML（目前为 1.1，正在转换为 XHTML5 以供下一个版本发布），因此请随意查看我的用户配置文件中的链接。

【讨论】：