2012年的最后一天啦,自己赶时间又做了一个登陆页面。
学到新的知识如下:
1.上次做登陆的时候,遇到了背景图片高度不够,我采取的方法是设置背景色,使图片和背景色很好的衔接起来。这次学到了如何使图片填充整个页面。
设置body的背景图片的属性时,设置如下值
background-attachment : fixed;(这个必须设置,下面的position的设置才起作用)
background-position : 50% bottom;
background-image : url("img/bg_login.png");
background-repeat : repeat-x;
2.上次提到了使用margin: 0 auto,可以使div居中,这种情况下是不能设置position:absolute,否则就不能居中了。
3.如何让div水平居中靠底对齐
position : absolute;
left : 50%;
margin-left : -400px; //根据div的宽度,设置水平居中
width : 800px;
height : 104px;
bottom : 0px;//向底靠齐
background-image : url("img/login_root.png");
今天效果图老是传不上来,只好直接上代码:
代码的下载地址为:http://download.youkuaiyun.com/detail/jone_wan/4947559