登陆页面是开发系统常常用到的页面. 单调的页面需要用一些特效来改变.小编常用 的方法是轮换登陆页面的背景图片. 既然使用背景图片,就有一个问题,那就是如何使图片在不同的屏幕显示器里居中拉伸呢?css就可以解决了.代码如下

.background-pic
{
background-image: url(图片地址);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}