这是我的资源文件
运行起来是这个样子，那位好心人回答一下是怎么回事？
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的聊天系统</title>
<script language="javascript">
function register() {
//window.open('register.jsp');
alert('aaaaaaaaaaaa');
}
</script>
<style type="text/css">
<!--
#toolTip {
position: absolute; /*设置为绝对定位*/
left: 331px; /*设置左边距*/
top: 39px; /*设置顶边距*/
width: 98px; /*设置宽度*/
height: 48px; /*设置高度*/
padding-top: 45px; /*设置文字与顶边的距离*/
padding-left: 25px; /*设置文字与左边的距离*/
padding-right: 25px; /*设置文字与右边的距离*/
z-index: 1; /*设置*/
display: none; /*设置默认不显示*/
color: red; /*设置文字的颜色*/
background-image: url(images/tooltip.jpg); /*设置背景图片*/
}
#bg {
width: 500px; /*设置宽度*/
height: 150px; /*设置高度*/
background-image: url(images/bg.jpg); /*设置背景图片*/
padding-top: 54px;
margin: 0 auto auto auto; /*设置外边距*/
}
body {
font-size: 12px; /*设置文字的大小*/
}
ul {
list-style: none; /*设置不显示列表的项目符号*/
}
li {
padding: 10px; /*设置内边距*/
font-weight: bold; /*设置文字加粗*/
color: #8e6723; /*设置文字颜色*/
}
-->
</style>
</head>
<body>
<body style="margin: 0px;">
<form method="POST" action="" name="form1">
<div style="position: absolute;">
<div id=bg>
<ul>
<li>
用 户 名：<input name="username" type="text" id="username">
</li>
<li>
密 码：<input name="password" type="password" id="password">
<div id="toolTip"></div>
</li>
<li>
<input type="button" name="login" value="登录">
<input type="button" name="register" value="注册" onClick="register()">
<input type="button" name="cancel" value="离开">
</li>
</ul>
</div>
</div>
</form>
</body>
</html>
这是代码
9 个解决方案
#1
重新部署下。。。。。
#2
如果CSS没问题的话，可能是浏览器缓存的原因，crtl+F5强制刷新，如果还不行，重新部署下项目！
#3
估计css 的问题 。是不是 设置 repeat
#4
是背景图片垂直重复显示了，css设置background-repeat属性
repeat 預設重覆方式，背景圖片依 x 軸與 y 軸重覆呈現。
repeat-x 背景圖片沿 x 軸重覆呈現。
repeat-y 背景圖片沿 y 軸重覆呈現。
no-repeat 背景圖片不重覆出現，也就是只出現一次。
repeat 預設重覆方式，背景圖片依 x 軸與 y 軸重覆呈現。
repeat-x 背景圖片沿 x 軸重覆呈現。
repeat-y 背景圖片沿 y 軸重覆呈現。
no-repeat 背景圖片不重覆出現，也就是只出現一次。
#5
css样式有问题呗
#6
CSS样式，background默认属性是repeat（重复），当你的图片小于你设置的边框尺寸时，就会出现重复现象，有两种办法
1种是修改你的边框尺寸。
2将CSS属性background: url(images/bg.jpg) no-repeat；
1种是修改你的边框尺寸。
2将CSS属性background: url(images/bg.jpg) no-repeat；
#7
+1就是平铺了 你图片大小小于网页的尺寸
你可以在图片标签里手动设置大小 <img url="" width="" height="">但是差太多的话容易失真啊~
#8
bg设置，不重复平铺
#9
请问可以给我发你那个聊天室的源码吗？我想借鉴学习一下，菜鸟一枚呀！谢谢
#1
重新部署下。。。。。
#2
如果CSS没问题的话，可能是浏览器缓存的原因，crtl+F5强制刷新，如果还不行，重新部署下项目！
#3
估计css 的问题 。是不是 设置 repeat
#4
是背景图片垂直重复显示了，css设置background-repeat属性
repeat 預設重覆方式，背景圖片依 x 軸與 y 軸重覆呈現。
repeat-x 背景圖片沿 x 軸重覆呈現。
repeat-y 背景圖片沿 y 軸重覆呈現。
no-repeat 背景圖片不重覆出現，也就是只出現一次。
repeat 預設重覆方式，背景圖片依 x 軸與 y 軸重覆呈現。
repeat-x 背景圖片沿 x 軸重覆呈現。
repeat-y 背景圖片沿 y 軸重覆呈現。
no-repeat 背景圖片不重覆出現，也就是只出現一次。
#5
css样式有问题呗
#6
CSS样式，background默认属性是repeat（重复），当你的图片小于你设置的边框尺寸时，就会出现重复现象，有两种办法
1种是修改你的边框尺寸。
2将CSS属性background: url(images/bg.jpg) no-repeat；
1种是修改你的边框尺寸。
2将CSS属性background: url(images/bg.jpg) no-repeat；
#7
+1就是平铺了 你图片大小小于网页的尺寸
你可以在图片标签里手动设置大小 <img url="" width="" height="">但是差太多的话容易失真啊~
#8
bg设置，不重复平铺
#9
请问可以给我发你那个聊天室的源码吗？我想借鉴学习一下，菜鸟一枚呀！谢谢