css怎么把背景图片拉伸至100%

 时间:2026-02-16 06:30:29

1、首先准备一张设置为背景的图片,我这边准备的是一张650px*347px的图片

css怎么把背景图片拉伸至100%

2、然后建立一个html文档,将它和背景图片放到一个文件夹中(这边只做测试),所以我没有建立images文件夹放置图片

css怎么把背景图片拉伸至100%

3、编辑html文档,我这边建立一个div,设置宽度为700px(要比我们的背景图宽,不然看不到我的方法有没有用),高度跟背景图一样,为347px,

css怎么把背景图片拉伸至100%

4、然后我们就给div设置背景图片

css怎么把背景图片拉伸至100%

5、在浏览器中预览会发现图片平铺了,这不是我们想要的效果

css怎么把背景图片拉伸至100%

6、然后我们可以给div再加上属性,-moz-background-size:100% 100%; background-size:100% 100%; 这样设置后再看网页就会发现背景图片拉伸至100%了。

css怎么把背景图片拉伸至100%

  • jquery如何替换图片src地址
  • Winform C#窗口半透明和鼠标穿透方法
  • IntelliJ IDEA怎么开启java代码方法声明括号
  • layui 如何给数据表格添加点击事件
  • javascript点击按钮弹出DIV层
  • 热门搜索
    怎么改qq头像 歌谱怎么看 去北欧旅游要多少钱 福州的旅游景点 如何压缩文件 如何走出失恋的痛苦 热痱子怎么治 老君山在哪里 旅游节目有哪些 伊思红参眼霜怎么样