css一张背景图铺满全屏

在网页设计中常见的一种需求是将一张背景图铺满整个浏览器窗口，这样可以增加网页的美感和视觉效果。然而，实现这个效果并不是那么简单。接下来我们将介绍如何使用CSS将一张背景图铺满全屏。

首先，在HTML中添加一段代码，用于显示背景图。例如：

<div class="bg"></div> 

然后，我们需要在CSS中为这个div添加以下样式：

.bg {
  background-image: url(bg.jpg); /* 指定背景图片地址 */
  background-size: cover; /* 背景图片缩放方式，铺满且不变形 */
  background-position: center center; /* 背景图片位置，居中对齐 */
  height: 100vh; /* div高度为浏览器可视窗口高度 */
} 

在这段代码中，我们使用background-image属性指定背景图片的位置，使用background-size属性设置背景图片的缩放方式，使用background-position属性设置背景图片的位置。同时，我们使用了height属性将div的高度设置为浏览器可视窗口的高度。

通过以上这些设置，我们就可以把一张背景图铺满全屏了。需要注意的是，可能会存在一些浏览器的兼容性问题，需要根据具体情况进行处理。