我正在使用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;
}