淘先锋技术网

首页 1 2 3 4 5 6 7

我正在使用fullCalendar的资源时间线视图,我注意到事件背景颜色是去饱和的。

我使用了不同的方法来设置它们的颜色,包括用CSS设置所有的事件背景颜色,一切都正常(也就是说,我改变事件颜色没有问题),除了颜色缺乏饱和度。

例如,像这样使用CSS:

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

我希望桌子背景和事件都是饱和的红色。背景是,事件不是。用颜色采样器检查,显示背景是#ff0000,但是单元格是#ff5952,对应的是红色饱和到68%。

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

对于如何实现色彩完全饱和的显示有什么想法吗?

我有我的解决办法。

在您的CSS样式代码中,您将代码放在下面

.fc-bgevent {
    opacity: 1;
 }

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

它对我很有效!

Fullcalendar CSS包含一个用白色覆盖日历的规则,不透明度25%。这导致了问题 :

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

不透明度需要设置为0。所以在我自己的样式表中添加了这个:

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

在PrimeNg标记内,解决方案是:

::ng-deep .fc .fc-bg-event {
  opacity: 0.8;
}