css 背景图怎么设置自动填充满

html-css09

css 背景图怎么设置自动填充满,第1张

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让其填充满屏