我有一个正确呈现在除IE边缘,10,9,等等(我在Mac上,但使用远程桌面查看PC环境)所有的浏览器的站点。
我遇到的问题是,只有两个自定义CSS样式表的一个正在读(不包括foundation.css文件)。因此,页面的上半部分呈现正确,但下半部分,因为它使用“时间线”型布局使用单独的样式表,这是有道理的,以保持CSS的是负载分开,便于进行编辑的。
我用尽了一切我能找到的关于与IE不同的meta标签,我尝试了两种样式相结合,因为第一个似乎是正确读取。
我能找到的唯一的另一件事是人们说,这可能只是一个简单的失踪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>
所以,我只运行通过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文件的语法很可能是罪魁祸首,甚至缺少括号或分号。这是不是这样的,但总是检查第一。 :)