background: url(../images/login/bg.jpg)
background-attachment: fixed
background-size: cover
要达到这种效果必须先知道这张图片是已那种形式导进去的,无外乎2种:1.img标签导入,那么img外层如果没有浮动或者去限定宽度,默认就是填充整个屏幕的宽度,那么就可以设置img{width:100%}这句样式来让其填充满屏幕,记得高度不要设置,不然会让图片变形失真;
2.通过css里面的background-images的方式以背景的形式导进去,那么在html框架里面的图片展示标签必须是撑满屏幕宽度的,然后在样式里面通过background-size:contain让其填充满屏
首先,不是所有的图片都适合做为填充图片,我们要选择整幅图中,重复出现的部分。做好了可以进行填充的图片,就可以用 css 来控制了。
示例:
background:url(images/01.jpg) repeat-x 0 0
说明:
images/01.jpg 是图片的相对路径
repeat-x 横向平铺 与之相对的还有 repeat-y(纵向平铺)no-repeat(不平铺)
0 0 定义图片的起始位置(第1个左右位置,第2个是上下位置)