css背景图片不影响上一层透明组件的背景色

项目场景：

项目中遇到一个奇怪的问题，引入一个库的css样式之后，影响了原先组件的滚动条样式。

---

问题描述

因为需要用到一个npm模块，于是将其引入到项目，js还好，css引入时发现影响了全局的样式。F12看了下受影响的滚动条样式，没看出这个滚动条，css样式跟之前有什么区别。

原因分析：

于是，先分析了滚动条产生的原因，然后定位到产生滚动条的部位，发现滚动条的背景色是透明的，底下一层是一个背景图片，跟引入组件之前的css样式没有明显区别，一时没想到原因。思考过后发现有可能是，背景图片不影响上一层透明组件的背景色，这个是之前的知识点盲区，以为上一层透明，就应该显示下一层的内容，不管是背景图片还是背景颜色。

---

解决方案：

知道原因之后，修改最低层生效的背景色即可。