CSS中的background-color无法显示

为什么我的背景颜色显示不了啊？
前面写了背景图片，背景图片好像把背景颜色盖掉了。

如果登录表单只有背景色，而没有背景图片的话，按下图改改试试。

CSS 中的背景属性是可以叠加的，后面的属性会覆盖前面的属性
解决方法有两种：

• 将背景颜色的设置放在背景图片的设置之前，这样背景颜色会覆盖背景图片。

• 将背景颜色的设置应用到背景图片上，可以通过设置背景图片的透明度来实现

background-image: url("your-image-url");
background-color: #fff;
opacity: 0.5;

其中，opacity 属性可以设置背景图片的透明度，取值范围为 0-1，数值越小越透明。这样就可以在背景图片上显示背景颜色了。

希望可以帮助到您，望采纳！

那就增加一个z-index属性提升层级

你F12，查看一下 css样式是否加载

background-image 和 background-color 同时作用于一个元素时，background-image 会优先展示，建议直接使用 background:red; 设置颜色，这样会让先前 background-image 的设置失效