vis.js时间轴在项目上设置自定义背景色而不会覆盖边框

Question

我正在使用vis.js时间轴，并且试图找到一种标记工作时间的方法（为它们提供不同的背景）。使用backgrundareas with groups example，我设法为特定日期设置了工作时间。

我不想使用标准的蓝色作为背景，因此，为了避免这种情况，我增加了一个课时。然后我可以设置自定义颜色，但是除非我也将不透明度设置为小于1，否则隐藏了单元格的边框。

我有一个正在使用的配色方案，因此设置不透明度会更改颜色，并且我的工作时间在整个应用程序中看起来并不相同。

我正在使用此代码

.vis-item.vis-background.workhours {
    background: ##AFD9FE;
    opacity: 0.75;
  }

其中filterFromdate是我的开始日期，durationDay是时间轴中的天数，startHour和endHour定义了我的工作时间

  for (i=0; i<durationDays; i++) {
        items.add([
            {
                id: "W"+i,
                start: moment(filterFromdate).add(i, 'days').hour(startHour).valueOf(),
                end: moment(filterFromdate).add(i, 'days').hour(dayEndHour).valueOf(),
                className : 'workhours',
                type: "background"
            }
           ]);   
      }

这给我

有人可以告诉我如何让我的课堂工作时间表现得像标准的背景课（例如今天）吗？

或者是否还有其他方法可以处理特定时间（或几天）的背景？

Answer 1

感谢Issue 3773，我保证可以设置z-index，从而达到目的。

所以我的CSS最终成为了

.vis-item.vis-background.workhours {
    background: #AFD9FE;
    z-index: -1;
  }