完整日历 (jQuery) - 事件颜色与图例中的不同

Question

我根据数据库中的一些数据为完整日历中的事件着色。在我的 FullCalendarFeed 函数中，我将 CSS class 分配给每个事件。然后在 CSS 文件中，我将背景颜色属性分配给每个 classes。一切看起来都很完美，除了 background-color: black 属性。结果您可以在下面看到图例中的黑色与日历中的黑色不一样。

在图例（日历下方）和日历中我使用相同的 CSS class。在 Firefox 控制台 (F12) 中，我看不到任何不透明度或其他可以改变颜色的属性，当单击事件以检查背景颜色时，它是 RGB(0,0,0)。其他颜色看起来还可以。

有没有人遇到过类似的问题？

Answer 1

在某些视图（如议程周）上，有一个 .25 不透明叠加元素。

它位于 .fc-event-container > .fc-event > .fc-bg，class 负责人是：

.fc-time-grid-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
}

用类似的东西覆盖 class：

#mycalendar .fc-time-grid-event .fc-bg {
    background: none;
}

不过，请务必进行测试以确保事后一切正常。它可能有某种用途。

另一种方法是将叠加层也添加到您的图例中。

完整日历 (jQuery) - 事件颜色与图例中的不同

Full Calendar (jQuery) - Event color is not the same as in legend

html

css

jquery

fullcalendar