滚动条背景设置transparent透明无效

如果滚动条背景设置`transparent`透明无效，可能是由于浏览器默认的滚动条样式导致的。可以使用CSS样式来覆盖浏览器默认的滚动条样式。以下是一个覆盖浏览器默认滚动条样式的CSS代码：

/* Webkit浏览器 */
::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
  height: 8px; /* 设置滚动条高度 */
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2); /* 设置滚动条滑块的颜色 */
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.3); /* 设置鼠标悬停时滑块的颜色 */
}

/* Firefox浏览器 */
scrollbar-color: rgba(0,0,0,0) transparent;
scrollbar-width: thin;

/* IE浏览器 */
-ms-overflow-style: none; /* 隐藏滚动条 */

这些样式将滚动条的宽度和高度设置为8像素，并将滑块的背景颜色设置为半透明的灰色。需要注意的是，不同的浏览器使用不同的CSS属性来定义滚动条。要覆盖浏览器的默认样式，需要使用对应浏览器的CSS属性。