html代码：
OA管理系统
会员
密码
@Copyright2016-2020chinamerc.comAllRightsReserved.
CSS代码：
html,
body{
height:100%;
}
.login{
position:relative;
height:100%;
background:url(../images/banner/banner_slide_04.jpg)no-repeatcentertop#2f333ffixed;
background-size:cover;
}
/*实现透明的css方法通常有以下3种方式，以下是不透明度都为80%的写法
css3的opacity:x，x的取值从0到1，如opacity:0.8
css3的rgba(red,green,blue,alpha)，alpha的取值从0到1，如rgba(255,255,255,0.8)
IE专属滤镜filter:Alpha(opacity=x)，x的取值从0到100，如filter:Alpha(opacity=80)*/
.log{
background-color:rgba(0,0,0,0.2);
/*rgba(red,green,blue,alpha)alpha的取值0-1，指定元素透明度*/
height:300px;
width:500px;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
margin:auto;
}
@media\0screen\,
screen\9{
/*只支持IE6、7、8*/
.log{
background-color:#000000;
filter:Alpha(opacity=20);
position:static;
/*IE6、7、8只能设置position:static(默认属性)，否则会导致子元素继承Alpha值*/
*zoom:1;
/*激活IE6、7的haslayout属性，让它读懂Alpha*/
}
.logdiv{
position:relative;
/*设置子元素为相对定位，可让子元素不继承Alpha值*/
}
}
.logo{
margin-top:10px;
width:500px;
height:60px;
background:url(../images/logo/LOGO500x60.png);
background-size:cover;
float:left;
}
.form_log{
width:280px;
height:170px;
background:;
float:left;
margin-top:30px;
}
.stat{
width:500px;
height:25px;
background:;
float:left;
}
.statp{
margin-left:25px;
color:white;
}
.form_loginput{
display:block;
height:25px;
width:200px;
margin-top:25px;
}
.usn_img{
width:42px;
height:28px;
background:#28B779;
float:left;
margin-top:5px;
margin-left:30px;
}
.pswd_img{
width:42px;
height:28px;
background:#FFB848;
float:left;
margin-top:26px;
margin-left:30px;
}
.form_logp{
color:white;
margin-top:2px;
margin-left:5px;
}
.sub{
float:left;
margin-left:25px;
}
.subinput{
float:left;
width:50px;
margin-left:5px;
background:#49AFCD;
color:#FF7373;
}
.QR_code{
width:200px;
height:170px;
background:url(../images/qr.png)centerno-repeat;
float:left;
margin-top:20px;
margin-left:10px;
}
分 -->
|
