全日历事件的背景色降低了

Question

我正在使用fullCalendar的资源时间轴视图，并且我注意到事件背景色已饱和。

我使用了不同的方法来设置其颜色，包括使用CSS设置所有事件背景颜色，并且一切工作正常（即，我没有改变事件颜色的问题），只是颜色没有饱和度。

例如，使用如下CSS：

div#calendar {
  background-color: red !important;
}
.fc-timeline-event {
  background-color: red !important;
}

我希望表格背景和事件都变成红色。背景是，但事件不是。使用颜色采样器检查时，背景为#ff0000，但单元格为#ff5952，对应于饱和度为68％的红色。

奇怪的是，浏览器检查器将计算出的背景色显示为#ff0000。

关于如何实现完全饱和的色彩显示的任何想法？

Answer 1

我有解决办法。

在CSS样式代码中，将代码放在下面

 .fc-bgevent {
    opacity: 1;
 }

上面的数字1可以更改为0.9、0.8等。它将替换背景事件样式。

对我有用！

Answer 2

Fullcalendar CSS包含一个规则，该规则以白色（不透明度为25％）覆盖日历。这导致了问题 ：

.fc-event .fc-bg {
    z-index : 1;
    background; #fff;
    opacity: 0.25
 )

不透明度需要设置为0。因此在我自己的样式表中添加了它：

.fc-event .fc-bg {
    opacity: 0 !important;
}