原图:
只引入图片:
body{
background: url(2.jpg);
}
加上如下代码:
body{
background: url(2.jpg);
/* 引入2.jpg,不重复平铺,水平垂直居中 */
background-size: cover;
/* 放大背景图片,使其覆盖整个背景区域,但可能有些部分无法显示 */
background-attachment: fixed;
/* 背景滚动时,固定背景 */
}
问题基本解决,但发现图片有些部分没有显示出来,当我们插入图片的时候往往也会遇到图片和div大小不一致导致图片撑满div后失真变形,个人认为用ps改分辨率和改变div大小是不错的选择。