【问题标题】:Adding css to Java Server Faces (JSF)将 css 添加到 Java Server Faces (JSF)
【发布时间】:2015-05-27 16:48:18
【问题描述】:

我正在尝试使用 css 在 JSF 中添加样式,但我尝试打开 xhtml,它无法识别样式。 我一直在寻找如何做到这一点,我发现了这个:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Hello</title>
        <h:outputStylesheet library="css" name="style.css" />
    </h:head>
    <h:body>
        <div> 
            <h1>Hello</h1>
        </div>
        <div> 

        </div>
    </h:body>
</html>

据我了解,我必须在下一个文件夹中创建我的 css 文件:

WebPage
|_WEB-INF
|_resources
  |_css
    |_style.css

我正在使用 Netbeans 8.0.2 和 JSF 2.2

通过最后的更改,我得到了这个:

<h:head> 
<h:outputStylesheet name="./css/style.css"/> 
</h:head> <h:body> 
</h:body>
<style type="text/css"></style></html> 

【问题讨论】:

  • 试试&lt;h:outputStylesheet name="./css/style.css" /&gt;
  • 在完全没有bug的情况下寻找bug也很烦人。您可以尝试在加载样式页面之前清除浏览器缓存,以确保您的 style.css 没有缓存一些旧值。
  • @BalusC 你不必那么粗鲁。我认为有了这些信息,有人可以解决我的问题。无论如何,我尝试了 Dinie 解决方案,但没有奏效。我已经更改了我的问题,因此您可以从开发人员的角度了解我得到了什么

标签: css jsf jsf-2


【解决方案1】:

在您的浏览器中打开开发者工具并加载页面,如果您得到一个 404 for style.css 然后看看 Sebastián Ulloa 提供的答案

【讨论】:

    【解决方案2】:

    你能不能试着移动这条线

    <h:outputStylesheet library="css" name="style.css" />
    

    就在body标签之后:

    <h:body>
        <h:outputStylesheet library="css" name="style.css" />
        ...
    </h:body>
    

    【讨论】:

    • Man....不要把你的&lt;link&gt;标签放在body里面,head标签是给他们的。
    • @Dinel:JSF 将自动将其重新定位到头尾。因此,这不是这里的问题。另见stackoverflow.com/q/8367421。但是,这里的问题是 Jeison 显然在某些特定于试图从 JSF 组件库中覆盖 CSS 的用户的答案中找到了这个“解决方案”,例如在此处回答 stackoverflow.com/q/8768317。但是,根据当前形式的问题,完全没有办法使用组件库。
    • @BalusC,@Dinel,我真的很想发表评论而不是回答,但我的分数不允许我这样做。我为下一个学习:)
    猜你喜欢
    • 2013-09-17
    • 2011-06-05
    • 2011-12-16
    • 2014-04-12
    • 1970-01-01
    • 2010-11-07
    • 2012-04-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多