零基础建站培训教程介绍

当前位置:

如何让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;
}

相关阅读:

DW制作背景图片

普通图片与背景图片查找位置方法有什么不同?

如何更换DZ论坛网站背景颜色和背景图片

发表评论

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