零基础建站培训教程介绍

当前位置:

如何让html背景图片自适应大小

我们在做网站时,往往需要设置背景图片,但不同的用户浏览我们做的网站浏览器尺寸不一样,这就会导致一个问题,如果我们设置一个固定尺寸的背景图片,就会造成在大尺寸浏览器下,背景图片不全。

怎么解决这个问题呢?方法就是设置html背景图片自适应大小,它可以自动适应不同尺寸屏幕。(相关教程: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;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

学习建网站请选择学做网站论坛零基础建站课程