解决背景重叠问题

在制作网页过程中我们可能需要为网页添加一些背景图片添加背景图片使用的是backgroung-imge实际代码如下

background-image:url("images/banner.png")

这样子我们可能会发现添加的代码可能会重叠，你们我们可以添加一行no-repeat的语法，让背景图片只显示一张background-repeat:no-repeat;

但是在实际添加中我们可能还会发现添加的背景图片可能会多出一部分区域与是没有被背景图片所覆盖，我们可以调整图片的size，如果想要填满整个区域的话，可以使用cove这个语法，最后再将图片置中于整个区块，这样子的背景设定就算完成了

.window-chart{
  background-color:antiquewhite;
  color:white;
  height:985vh;
  background-image:url("images/banner.pon");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}