css背景100%不显示

在Web开发中，CSS背景图设置的问题是常见的，其中最常见的问题就是背景图100%不显示的问题。下面我们来看看这个问题以及如何解决它。

//CSS代码
div {
  background-image: url("background.png");
  background-size: 100%;
  width: 200px;
  height: 200px;
}
 

以上代码中，我们设置了一个div元素的背景图为background.png，并设置了背景图的大小为100%。然而在实际运行中，我们会发现背景图并没有完全显示出来。

原因是我们的div元素本身的大小并不是100%的，而是200px。因此，背景图的大小并没有被完全充满整个div元素，所以导致了背景图只显示了一部分。

解决方法很简单，我们只需要将div元素的大小设置为100%即可：

//CSS代码
div {
  background-image: url("background.png");
  background-size: 100%;
  width: 100%;
  height: 200px;
}
 

这样就可以完美解决背景图100%不显示的问题了。