如何用CSS让背景图能够撑满本身会滚动的页面?

方法如下:1:给背景图设置一个高度 2:给你写的每个块都用上高度 3:用一个通用的空代码把自动高度撑满{ margin: 0 auto;height: 1px;width: 100%;} 备注:第三个方法的代码放在每一个大的div下面
如何用CSS让背景图能够撑满本身会滚动的页面?
.bgSet{
overflow: auto;
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}2020-09-02
方法如下:
1:给背景图设置一个高度
2:给你写的每个块都用上高度
3:用一个通用的空代码把自动高度撑满{
margin: 0 auto;
height: 1px;
width: 100%;
}
备注:第三个方法的代码放在每一个大的div下面
2020-09-02
把背景图设置在body上,
background-size:cover;
min-height: 100vh;
亲测有效,还可以滚动,不能用min-height: 100%;是无效的2021-07-27
 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .right{ height: 3000px; width:3000px; background-image: url("https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/dmas/pic/item/6fd7912397dda144eb45e527bab7d0a20df486d3.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } </style></head><body> <div class="right"> </div></body></html> 请采纳
2020-09-02
你好朋友如何用cs让背景图能够撑满全身会滚动的页面,这个你可以让背景图。比较圆满就可以的希望能帮助到你2020-09-02
如何用CSS像背景能够撑满本身会滚动的页面2020-09-02
mengvlog 阅读 11 次 更新于 2025-07-20 15:29:42 我来答关注问题0
  • 首先,通过设置元素的height: 100vh,可以让元素的高度占满整个视口,从而实现高度自适应。如果目标是让背景图片铺满整个页面,可以使用background-size: cover属性。这种方法会根据视口调整背景图片的大小,确保背景图片在任何尺寸的屏幕上都能完整显示,不会拉伸变形。除了使用background-size: cover,还可以...

  •  武汉誉祥科技 如何让css背景图片占满全部背景,并且保持长宽比呢

    使用contain会使背景图片完全适应容器,同时保持其长宽比。如果希望背景图片尽可能地填充容器,但不会拉伸变形,可以使用cover:background-size: cover;cover会确保背景图片完全覆盖整个容器,但可能会导致图片变形。通过这些方法,我们可以灵活地控制背景图片的尺寸,同时保持其原始比例,使页面更加美观。

  •  文暄生活科普 cssfloat怎么撑满屏幕css让背景图片铺满屏幕

    1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围.。

  •  誉祥祥知识 只用css 能让背景图片填充满整个浏览器吗

    一种常见的方法是为最外层的盒子设置背景图片,利用CSS的背景属性可以轻松实现背景图片的填充。例如,你可以使用background-size: cover;来让图片适应容器大小,同时保持图片的宽高比。这样,无论你的浏览器窗口大小如何变化,背景图片都会自动调整以填满整个容器,而不会被裁剪。另一种方法是创建一个独立的...

  •  宸辰游艺策划 css中如何设拉伸背景图片铺满屏幕

    答案:在CSS中,可以通过设置背景图片的属性来实现拉伸并铺满屏幕的效果。详细解释:1. 背景图片设置: 在CSS中,可以使用`background-image`属性来设置网页的背景图片。你需要将此属性指向你的图片文件。2. 背景尺寸调整: 为了使背景图片拉伸并铺满整个屏幕,你需要设置`background-size`属性。该属性的...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部