我正在使用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;
}
上一篇mock在vue中