81,092
社区成员
发帖
与我相关
我的任务
分享怎么设置jsp中的页面背景图片？？？
为何在jsp中<body>设置背景图片不显示
<style>
.test{
width:100%;
height:100%;
background-image:url(./xx.png);
background-repeat:no-repeat;
position:absolute;
z-index:100;
}
.test1{
width:100px;
height:100px;
background-color:#FF0000;
position:absolute;
z-index:1000;
margin-left:500px;
margin-top:300px;
}
</style>
</head>
<body>
<div class="test"><img />
</div>
<div class="test1">
<form action="login" method="post">
用户名：<input type="text" name="user" value=""><br>
密 码：<input type="password" name="pwd" value=""><br>
<input type="submit" value="登录"> <a href="register.jsp">注册</a>
</form>
</div>
<style>
.test{
width:100%;
height:100%;
background-image:url(./xx.png);
background-repeat:no-repeat;
position:absolute;
z-index:100;
}
.test1{
width:100px;
height:100px;
background-color:#FF0000;
position:absolute;
z-index:1000;
margin-left:500px;
margin-top:300px;
}
</style>
</head>
<body>
<div class="test"><img />
</div>
<div class="test1">
<form action="login" method="post">
用户名：<input type="text" name="user" value=""><br>
密 码：<input type="password" name="pwd" value=""><br>
<input type="submit" value="登录"> <a href="register.jsp">注册</a>
</form>
</div>
...全文
请发表友善的回复…
发表回复
fengjixuchui886 2016-07-04
- 打赏
- 举报
test的height为100%，其父级元素height也要为100%，width则不需要，你试试。还有就是检查你文件路径的问题，看看对应的项目文件夹有没有该图片，图片路径是否正确
BUG胡汉三 2016-07-04
- 打赏
- 举报
background-image:url('路径/xx.png');
