到目前为止,我在同一个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标签。谢谢。
这应该有效:
<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>
创建一个文件
myCSS.css
放置css代码的地方。将此文件放在css文件夹中。然后在你的页面上你必须加上这个:
<link href="css/myCSS.css" rel="stylesheet" type="text/css" />