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

Question

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

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

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

Answer 1

在一些观点（如议程周）上，有一个.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;
}

尽管如此，请确保您进行测试以确保事情看起来不错。它可能是出于某种目的。

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