Question

我正在使用JSF和NetBeans 8.2完成今年的最后一个大学项目。但是我对CSS有问题。登录时，我使用以下行保存类别：

 FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put("categoria", cat);

那很好，我调试了。在这种情况下，它将我重定向到我的类别的主页： image of page with css 然后，我按下 Main Menu（主菜单）按钮，它会将我重定向到类别Main menu botton的主页，这就是错误，第一张图片的同一页面没有CSS same page of picture one, without css。链接工作正常，并且页面具有CSS，但是当我返回时，CSS无法正常工作。主页面的标题：

  <h:head>
    <link href="../resources/css/main.css" rel="stylesheet" type="text/css"/>
    <link href="../resources/css/bootstrap-4.3.1-dist/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <title>Gestionar Plan Anual Departamento</title>
    <meta charset="UTF-8"></meta> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
</h:head>

对不起，我的英文，谢谢。

Answer 1

问题出在标签<link/>上。这不是用于* .xhtml的正确标记，正确的标记是：<h:outputStylesheet/>。最后，我更换了

<h:head>
<link href="../resources/css/main.css" rel="stylesheet" type="text/css"/>
<link href="../resources/css/bootstrap-4.3.1-dist/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<title>Gestionar Plan Anual Departamento</title>
<meta charset="UTF-8"></meta> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>

通过：

 <h:head>
    <h:outputStylesheet name="css/principal.css"/>
    <h:outputStylesheet name="css/bootstrap-4.3.1-dist/css/bootstrap.css"/>
    <title>Gestionar Plan Anual Departamento</title>
    <meta charset="UTF-8"> </meta>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
</h:head>

当我在JSF中返回同一页面时，CSS无法工作

1 个答案: