作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
截至目前,我在同一 jsp 文件中使用 css 代码为我的 jsp 页面设置背景图像,我通过将 css 代码映射到 body 标记来实现。有用。就像:
<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 存在于 web-inf 文件夹中,我需要将 css 外部放置在 web-inf/deploy/css 文件夹中,并在所有其他 jsp 中使用外部 css。
如何在 web-inf/deploy/css 文件夹中创建外部 css,以及如何在所有其他 jsps 中引用它作为 body 标签。谢谢。
最佳答案
这应该有效:
<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_folder 中):
<%@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>
关于html - 如何在jsp中为body标签使用外部CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33345975/
我是一名优秀的程序员,十分优秀!