myeclipse中html背景图片,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;

}

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值