CSS覆盖背景而不改变或恢复背景图像

Question

当我试穿时髦的(chrome)*{
背景:黑色!重要
所有背景图像都被覆盖，

我想知道是否有办法恢复背景图像或保持它们完好无损。

谢谢

Answer 1

Use background-color instead of background

*:not([background-image]) {
  background-color:black!important;
}

div {
  width: 200px;
  height: 200px;
  background-color: red;
}

.bg {
  background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTqy1uodNithL90ttojytSP2imO4RC1y3qlm_ebZdRmNWh_8juV9Q');
}

*:not([background-image]) {
  background-color:black!important;
}

<div>I am Test</div>
<div class="bg">I am Test2</div>