如何让div元素置于前景并正常显示其自身背景色

• 你使用通配符*设置全局背景图，该选择器会匹配页面所有元素，你要调整的.divclass也被自动应用了这张背景图，哪怕你设置了背景色也会被这张图覆盖
• 现有代码里的color: red仅用来设置元素内的文字颜色，不会生效为元素的背景色，你漏写了background-color属性

/* 仅给body设置全局背景即可，不要用通配符匹配所有元素 */
body {
  background-image: url(https://www.pixelstalk.net/wp-content/uploads/2016/05/Treugolnik-triangle-illuminati-Wallpapers-High-Resolution.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 1960px 1080px;
  margin: 0;
}

.divclass {
  height: 230px;
  width: 300px;
  margin: 0px;
  padding: 0px;
  color: red;
  /* 新增红色背景设置 */
  background-color: red;
  border: solid 1px rgb(253, 253, 253);
  text-align: center;   
  font-size: x-large;
}

如果后续你需要调整元素的前后堆叠层级，可以给元素加上position: relative（或absolute、fixed）定位属性后，通过z-index数值控制层级，数值越高的元素显示越靠前，当前场景不需要额外设置层级，调整完背景属性即可正常显示。

内容的提问来源于stack exchange，提问作者JNC