css - Kentico 不适用于 IE8

Question

我正在使用 Kentico 8.2 并使用 HTML5、新的 CSS 样式、所有 Bootstrap 样式和 javascript 构建一个新网站。

毫不奇怪，许多新样式和 HTML5 标签不适用于 Internet Explorer 9 及更低版本。

所以我尝试将这些标签添加到它们的“可编辑”母版页标题中:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

但根本不起作用，我发现元标记必须转到页面的最顶部，否则将不起作用。而在 Kentico 上，没有办法把这个放在最前面。 Kentico 始终将不可编辑的固定 header 放在顶部，如下所示:

<meta http-equiv="pragma" content="no-cache" />
<link href="/CMSPages/GetResource.ashx?stylesheetname=CorporateSite" type="text/css" rel="stylesheet"/>

有没有办法替换这个由 Kentico 预先编写的 header 并替换为兼容的元标记？

谢谢，

J.

Answer 1

我自己想出来的。

meta 标签，meta http-equiv="X-UA-Compatible"content="IE=edge"，真的应该放在“head”标签的开头。 Kentico 将您拥有的所有样式表链接放在链接到您网站的样式表模块中的可编辑标题之前。这意味着您的元标记可能会在“head”标记中向下移动太多，以至于无法识别。

因此，解决方法是在某个文件夹中构建您自己的 css 文件，然后自己将其链接到可编辑的标题中(显然在 meta 标记之后)，这样 Kentico 只链接一个或两个来自其 CSS 样式的 css 文件链接模块。 Kentico 的默认网站也有主题 css 文件。

当然，将 X-UA-Compatible 元标记放在可编辑 header 的最前面。