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

Question

我正在使用 vis.js 时间线，并且正在尝试找到一种标记工作时间的方法（给他们不同的背景）。使用带有组的背景区域示例，我设法为特定日期的工作时间着色。

我不想使用标准的蓝色作为背景，所以为了避免这种情况，我添加了一个班级工作时间。然后我可以设置我的自定义颜色，但是单元格的边框会被隐藏，除非我也将不透明度设置为小于 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"
            }
           ]);   
      }

这给我

谁能告诉我如何让我的课堂工作时间表现得像标准的 vis 背景课程（如 vis-today）？

或者是否有另一种方法可以在特定时间（或几天）处理背景？

Answer 1

感谢Issue 3773，我相信我可以设置z-index，这可以解决问题。

所以我的css最终成为

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