在css中如何让背景全屏，css背景铺满页面怎么设置

css如何设置全屏背景图片

创建了div后，我们需要为div添加样式。添加样式我们全部写在CSS文件中，并在html页面中引用。具体的样式入下图所示：我们首先使用了一张为regist.png的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。

最简单方法使用css0新增的一个属性background-size，代码如图。IE8以下不支持。打开浏览器查看效果如下：使用css代码如图。支持IE9+，IE 7/8： 平铺效果支持，但是在小于1024px的屏幕下居中效果失效。

很可惜，CSS2中并没有图片全屏拉伸的属性，所以我自己想了个办法。利用一个DIV层，在里面装载一个IMG标签。然后设置DIV和IMG的大小为100%，并固定到屏幕最底层，这样就实现了完美的拉伸并最大化图片的目的。

通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

如果你是给body设置的背景的话，可以在加一个属性 background-size：100%；这样就全屏了。

相关问答

Q1: css怎么让背景图全部铺满

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat；background-size： 100%}。

创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

no-repeat ； -webkit-background-size： 100% 80px； -o-background-size： 100% 80px； 这里的 background-size： 100% 80px。 背景图片将与DIV一样宽，高为80px。

你好，背景图片可以用css调整大小。但是不能够保持长宽比例的。

如果你是给body设置的背景的话，可以在加一个属性 background-size：100%；这样就全屏了。

lxm 19872006 的方法是可行的。

Q2: 在CSS中怎用设置可以使背景图片全屏显示?

在设置背景图片的后面的CSS里设置上repeat。例如：background：url(图片的准确地址)repeat。

操作如下 使用CSS设置图片所在DIV的宽高为百分之百。使用background–size：cover；样式设置图片全屏并随屏幕缩放。

首先设置一个div 用来装 img ，div 的宽 为图片的宽，一般使用百分百就可以了，例如 width：100%； 不要设置高度，让图片自动撑开高度。然后设置 img 的 width：100%； display：block； 将标签 img 设置为块级元素。

创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

auto ]{1，2} | cover | contain 取值：length：由浮点数字和单位标识符组成的长度值。不可为负值。percentage：取值为0%到100%之间的值。不可为负值。说明：设置背景图片的大小。

在css中如何让背景全屏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景铺满页面怎么设置、在css中如何让背景全屏的信息别忘了在本站进行查找喔。