CSS控制背景图片自适应DIV框大小(自动填满背景图片)
我们在做网站时,往往需要设置背景图片,但不同的用户浏览我们做的网站浏览器尺寸不一样,这就会导致一个问题,如果我们设置一个固定尺寸的背景图片,就会造成在大尺寸浏览器下,背景图片不全。
怎么解决这个问题呢?方法就是设置html背景图片自适应大小,它可以自动适应不同尺寸屏幕。(相关教程:html视频教程)
实现方法也很简单,只需要在自己网站的CSS样式里,找到背景图片CSS样式,加上以下的CSS属性。
background-size: cover;
实例代码如下:
.bg {
height: 100%;
width: 100%;
background: url('../img/bg/snow.jpg') no-repeat;
background-size: cover;
position: absolute;
overflow: hidden;
}