当前位置: 首页 > 知识库问答 >
问题:

如何在 jsp 中将外部 css 用于正文标记

汪晨
2023-03-14

到目前为止,我在同一个jsp文件中使用css代码将背景图像设置到我的jsp页面,我通过将css代码映射到body tag来做到这一点。它起作用了。就像:

<html>
<style>
body
{
    background:url(deploy/images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0;
    padding: 0;
}
</style>
<body id="body">
<h1>hello</h1>
</body>
</html>

上面的jsp存在于网络中,我需要将css放在外部的web-inf / deploy / css文件夹中,并在所有其他jsp中使用外部css。

我如何在web-inf/部署/css文件夹中创建一个外部css,以及如何将其引用为所有其他jsp中的body标签。谢谢。

共有2个答案

陆伟
2023-03-14

创建一个文件

myCSS.css

放置css代码的地方。将此文件放在css文件夹中。然后在你的页面上你必须加上这个:

<link href="css/myCSS.css" rel="stylesheet" type="text/css" />
叶书
2023-03-14

这应该有效:

<html>
    <head>
        <jsp:include  flush="true" page="deploy/css_folder/body.css.jsp"/>
    </head>
    <body id="body">
        <h1>hello</h1>
    </body>
</html>

在body.css中。jsp(在deploy/css文件夹中):

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<style>
body
{
    background:url(../images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0;
    padding: 0;
}
</style>
 类似资料:
  • 问题内容: CSS定制游标可以使用外部图像URL吗?以下示例不起作用: HTML: CSS: 问题答案: 由于您的图片太大,因此无法正常工作-图片尺寸受到限制。例如,在Firefox中,大小限制为128x128px。。 此外,您还必须添加。

  • 问题内容: 我在浏览器底部放置页脚时遇到了经典问题。我尝试过包括在内的方法,但效果不佳:我的页脚始终始终显示在FF和FF中的浏览器窗口中间IE浏览器 在HTML中,我得到了这个简单的结构 这是与css页脚问题相关的css代码: 我在哪里做错了?我真的已经尝试了一切。如果我错过了任何有用的信息,请告诉我。 谢谢您提前提出任何建议。 问候, 谢谢大家的答案。它适用于: 设置位置:固定由于某种原因在IE

  • 问题内容: 我正在尝试使用.get()或.post()执行简单的jQuery AJAX尝试。 如果我的服务器上有本地副本,请执行以下操作: 我在Firebug的控制台中监视获取已完成,并且得到响应。 我所更改的只是到外部服务器的URI,没有任何反应。 如果我取消了’s’或使用了post,则无济于事。我是否缺少一些我应该在jQuery中使用的参数? 编辑:我忘记提及我这样做的原因是因为我最终要从一个

  • 我在一个Web发布者那里有一个HTML页面,我想将其内容加载到我的Web应用程序中的JSP中。我尝试了JSP:Include操作和Include指令,但它们似乎都只采用相对路径。我无法拥有该html文件的本地副本,因为该文件可能会在将来发生更改,我需要动态包含它。如何使用绝对路径包含文件?

  • 我正在使用Spring boot starter web,并试图在我的JSP中链接我的样式表style.css。我如何使用默认配置来正确链接我的css? 中的以下行不起作用: >page.jsp: null 有人能给我解释一下原因吗?

  • 我正在尝试创建一个安装在sling中的捆绑包,并使用自定义TagLib。我想使用标记文件,而不是使用扩展TagSupport的java类。这样,我可以使用Sling模型来表示JCR,使用JSP标记文件来表示标记。 这是我的标记文件,它是一个非常基本的锚,没有什么特别的,我只是想测试一下: 我创建了一个TLD文件,我在WEB-INF/tags和META-INF/tags文件夹中都尝试了该文件(我去掉