覆盖背景:在CSS中使用背景色的url

Overriding background:url with background-color in CSS

本文关键字：背景色 url 背景 CSS 覆盖      更新时间：2023-09-26

我正试图找到一种用背景色覆盖background:url的方法，但由于某种原因，background:url仍然在前面。我该怎么办？

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

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

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 */
}

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

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;
}

相关文章：