Question

myeclipse里jsp页面引入不了 css的背景图片样式

@charset "utf-8";
body {
background-image: url(../img/室内设计.jpg);
background-size: 1366px 768px;

height: 550px;

background-attachment: fixed;
margin: 0px;
padding: 0px;
}
#header {
background-color: #34495e;
height: 25px;
margin: 0px;
padding: 0px;
}

#container {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2),
0 1px 1px rgba(0, 0, 0, .2),
0 3px 0 #fff,
0 4px 0 rgba(0, 0, 0, .2),
0 6px 0 #fff,
0 7px 0 rgba(0, 0, 0, .2);
position: absolute;
background-color: #fff;
border: 1px solid #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color:#fff;
z-index: 0;
height: 300px;
width: 350px;
margin-top: 100px;
margin-bottom: 50px;
margin-left: 450px;
padding-top: 40px;
padding-bottom: 30px;
background: rgba(255, 255, 255, 0.6)!important;
filter: Alpha(opacity=95); /* 透明度*/
background: #fff; /*　使用IE专属滤镜实现IE背景透明*/
}
#container:before {
content: '';
position: absolute;
z-index: -1;
border: 1px dashed #ccc;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
box-shadow: 0 0 0 1px #fff;
}

.mian {
position: relative;
}

#bottom {
background-color: #34495e;
height: 70px;
margin-top: 145px;
}
.input {
height: 40px;
width: 250px;
margin-left: 50px;
margin-bottom: 20px;
}
.button {
height: 40px;
width: 250px;
margin-bottom: 20px;
margin-left: 50px;
background-color: #F60;
font-size: 18px;
color: #FFF;
border: 0px none #FFF;
}
.checkbox {
font-size: 12px;
color: #666;
line-height: 50px;
font-family: "宋体";
margin-bottom: 45px;
float: none;
}
.remeberme {
margin-left: 50px;
}

h1 {
text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
text-transform: uppercase;
text-align: center;
color: #666;
margin: 0 0 30px 0;
letter-spacing: 4px;
font: normal 26px/1 Verdana, Helvetica;
position: relative;
}
h1:after,
h1:before {
background-color: #777;
content: "";
height: 1px;
position: absolute;
top: 15px;
width: 120px;
}

h1:after {
right: 0;
}

h1:before {
background-image: linear-gradient(right, #777, #fff);
left: 0;
}

Answer 1

myeclipse里jsp页面引入不了css的背景图片样式是因为路径错误找不到图片所致。

1、工程目录如下:

2、在jsp页面中的css引用内容：

#search-text {
width: 213px;
height: 28px;
padding: 6px 0 0 7px;
border: none;
background: url(/images/img02.jpg) no-repeat left top;//一定要注意这里的路径。
color: #000000;

}

3、显示结果

Answer 2

其实也可以这样，将CSS文件不是在项目里么，直接用鼠标拖动CSS文件，拖到jsp文件里它就会直接生成一个<link …………> 连接。