包含 <ui:composition template> 时不加载 IE 的 CSS 条件

Question

有 xhtml templ.xhtml 布局。

将其包含到其他 .xhtml 中，例如：

<ui:composition template="/template/templ.xhtml">

在 templ.xhtml 中定义条件，如：

<h:head>
 <h:outputText value="&lt;!--[if lt IE 8]&gt;&lt;h:outputStylesheet library=&quot;css&quot; name=&quot;styleie8.css&quot; /&gt;&lt;![endif]--&gt;" escape="false" />
</h:head>

styleie8.css 没有加载，但是当 Tomcat 运行时在templ.xhtml 中更改并保存了某些内容时，它加载正常。

如何让JSF在Tomcat启动时立即加载条件？

注意：
尝试使用以下替代方法：
1.

<!--[if lt IE 8]>
                <h:outputStylesheet name="styleie8.css" library="css"/>
<![endif]-->

2.

<o:conditionalComment if="lte IE 8">
            <link rel="stylesheet" href="styleie8.css" />
</o:conditionalComment>

3. #{request.contextPath}/resources 而不是简单的路径。
结果是一样的 - 我需要 resave .xhtml 模板来加载条件 css。

Answer 1

您的初始代码 sn-p 错误。您不能在<h:outputText escape="false"> 中打印<h:outputStylesheet>。 <h:outputStylesheet> 是一个 JSF 组件，它应该生成 HTML，但在 <h:outputText escape="false"> 中它将按原样打印。如果您在浏览器中打开页面并右键单击，查看源代码，那么您应该自己发现了这一点。这个不对。网络浏览器只能理解 HTML，它应该是 <link rel="stylesheet">。

如果您已将样式表放在/resources/css/styleie8.css 中，那么以下应该可以工作：

<h:outputText value="&lt;!--[if lte IE 8]&gt;&lt;link rel=&quot;stylesheet&quot; href=&quot;#{request.contextPath}/resources/css/styleie8.css&quot; /&gt;&lt;![endif]--&gt;" escape="false" />

至于您尝试的替代方案，1) 将无法工作，因为它会被转义。 2) 假设 href 指向正确的 URL 应该可以工作。在您发布的示例中，它假定 CSS 文件与视图位于同一文件夹中。但是，如果它仍然位于/resources/css/styleie8.css，那么您应该使用过：

<o:conditionalComment if="lte IE 8">
    <link rel="stylesheet" href="#{request.contextPath}/resources/css/styleie8.css" />
</o:conditionalComment>

3) 应该可以工作，假设您提供了正确的 URL。

Answer 2

以下行将只输出您的字符串：

<h:outputText value="&lt;!--[if lt IE 8]&gt;&lt;h:outputStylesheet library=&quot;css&quot; name=&quot;styleie8.css&quot; /&gt;&lt;![endif]--&gt;" escape="false" />

h:outputStylesheet 也只是输出，不作为组件处理。像这样h:outputStylesheet 被用作组件：

<h:outputText value="&lt;!--[if lt IE 8]&gt;" escape="false" />
<h:outputStylesheet library="css" name="styleie8.css" />
<h:outputText value="&lt;![endif]--&gt;" escape="false" />

我认为你的第二个选择很接近。由于那里缺少上下文路径，您可能遇到了 404 错误。