覆盖背景：CSS中带背景色的URL

Question

我正试图找到一种覆盖背景的方法：使用背景颜色的网址，但由于某种原因背景：网址仍然在前面。我该怎么做呢？

body {
  background: url("https://www.petfinder.com/wp-content/uploads/2012/11/140272627-grooming-needs-senior-cat-632x475.jpg");
  background-color: green;
}

Answer 1

如果要覆盖background属性，请使用background属性而不是background-color覆盖它：

＆＃13;

＆＃13;

body {
  background: url("https://www.petfinder.com/wp-content/uploads/2012/11/140272627-grooming-needs-senior-cat-632x475.jpg");
  background: green; /* This will override the previous property */
}

＆＃13;

＆＃13;

＆＃13;

或者，除了background-image: none之外，还可以添加background-color: green：

＆＃13;

＆＃13;

body {
  background: url("https://www.petfinder.com/wp-content/uploads/2012/11/140272627-grooming-needs-senior-cat-632x475.jpg");
  background-color: green;		
  background-image: none;
}

＆＃13;

＆＃13;

＆＃13;