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

Question

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

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

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

Answer 1

在某些 View (例如议程周)上，有一个 .25 不透明度覆盖元素。

它位于 .fc-event-container > .fc-event > .fc-bg ，负责的类是:

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

使用如下内容覆盖该类:

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

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

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