学做网站培训课程介绍

当前位置：

CSS控制背景图片自适应DIV框大小（自动填满背景图片）

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

怎么解决这个问题呢？方法就是设置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;

}

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 什么是DIV+CSS 附件下载 (1155075 次浏览)
    本节建站课程高清视频下载链接: https://pan.baidu.com/s/1sl6nR8D 密码: urwgdiv+css就是把设计师设计好的图片，转变成一张静态页面的技术。html
  • 建网页知识：CSS控制网页DIV层水平垂直居中 (124305 次浏览)
    在网站布局过程中，运用div+css的布局是特别有利的，通常我们需要对一个div层进行居中处理，那么如何通过css属性对它进行控制呢：下面分享一个建网页
  • CSS怎么控制DIV水平居中显示 视频教程 (112986 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI
  • 怎么在网页中添加背景音乐播放器 图文教程 (133783 次浏览)
    默默无闻的网页我们看了成千上万，怎么让自己做网页能发声呢，来试试给网页添加一些背景音乐吧。（相关教程：如何在网页里添加背景音乐）网页中添加
  • 如何更换DZ论坛网站背景颜色和背景图片 图文教程 (149429 次浏览)
    DZ论坛程序上传之后，默认的是蓝底白字，不是很美观。怎么去更换自己需要的背景颜色和背景图片呢，有二种更换的方法，第一种是通过FTP软件找到相应的C
  • 静态网页不显示图片 (119350 次浏览)
    作者: 脉动Email: 511039684@qq.com详细内容:今天听了老师讲的课程第九节：什么是网站静态页面，然后自己就动手去照着做，文字什么的都可以显
  • DW网页中如何插入图片 视频教程 (1187857 次浏览)
    DW给网页插入图片一般有二种方法：一种是插入拥有ALT属性的图片，这在我们的企业网站制作教程中经常用到。另一种是插入背景图片，实现在图片
  • CSS如何设置网页背景颜色、背景图片 视频教程 (117163 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下CSS如何控制网页背景。在自己做网站时可以用CSS样式来控制网页的背景，有二种方法：
  • Jquery 自适应3D轮播图制作方法（附代码） 图文教程 (128986 次浏览)
    在很多的图片网站上，全使用到3d轮播图效果，可以不断的实现旋转轮播，最大气美观。效果见这里；对于这样一种高大上的3D旋转轮播图，做起来并
  • wordpress如何制作自适应网页 图文教程 (113718 次浏览)
    什么是自适应网页由于智能手机的普通，上网的终端设备已不局限于PC电脑了，有手机，平板，笔记本等等。宽度通常在600像素以下；PC的屏幕宽度，一
  • 如何利用CSS自动调整图片的大小 图文教程 (124438 次浏览)
    经常更换wordpress主题，会有一个困扰，就是之前主题的内容区域宽度比较大，很多正文图片的尺寸可能是500px,而换了一个主题，内容区域的宽度比较小，
  • Wordpress实现复制文章自动加版权信息 图文教程 (126859 次浏览)
    在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如：此文章转
  • CSS控制背景图片自适应DIV框大小（自动填满背景图片） 图文教程 (137660 次浏览)
    我们在做网站时，往往需要设置背景图片，但不同的用户浏览我们做的网站浏览器尺寸不一样，这就会导致一个问题，如果我们设置一个固定尺寸的背景图片，

建站培训课程

最新教程

其它教程