Question

我有一个可以在除IE Edge，10、9等以外的所有浏览器上正确呈现的网站（我在Mac上，但是使用远程桌面查看PC环境）。

我遇到的问题是，仅读取了两个自定义CSS样式表中的一个（不计算foundation.css文件）。因此，页面的上半部分可以正确呈现，但是下半部分使用单独的样式表，因为它使用的是“时间轴”类型的布局，因此有必要将CSS的负载分开以方便进行编辑。

我已经尝试了有关与IE相关的不同元标记的所有内容，并且尝试合并两个样式表，因为第一个样式表似乎可以正确读取。

我能找到的唯一另一件事是人们说它可能只是一个简单的缺少div标签或正在破坏它的东西，但我在http://validator.w3.org/中运行了它，并且出现的唯一错误是相关的丢失图像上的替代文本。

任何帮助将不胜感激！如果有帮助的话，下面是一些代码：

<!DOCTYPE html>
<html class="no-js" lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Customer Outreach | Ford Takata Airbag Recall Information Center</title>
    <link rel="stylesheet" type="text/css" href="./css/foundation.css">
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/timeline.css">
 </head>

Answer 1

所以，我只通过W3C验证器运行HTML ...刚才我通过CSS验证器运行CSS，这给我以下一行错误：

background-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.…nts='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>);

该代码来自第三方站点，用于我正在处理的“时间轴”，因此我不知道最初的需求，但是一旦删除该代码，该站点就可以在IE上完美显示。这是验证者说的截图：

不确定此特定修复程序是否对任何人都有用，但是我遇到了这个问题，因为我得到了一些建议，认为CSS文件中的语法可能是罪魁祸首，甚至缺少括号或分号。并非如此，但请务必先进行检查。：）

IE仅应用某些外部CSS样式表

1 个答案: