我根据数据库中的某些数据为完整日历中的事件着色。在我的FullCalendarFeed函数中,我将CSS类分配给每个事件。
然后,在CSS文件中,我为所有这些类分配background-color属性。除了background-color: black
属性,其他所有内容看起来都很完美。您可以在下面看到的结果是,图例中的黑色与日历中的黑色不同。
在图例(日历下方)和日历中,我使用相同的CSS类。在Firefox控制台(F12)中,当单击事件以检查背景色时,我看不到任何可能更改颜色的不透明度或其他属性,它是RGB(0,0,0)。其他颜色看起来还可以。
有没有人遇到类似的问题?
最佳答案
在某些视图(例如“议程周”)上,有一个.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;
}
不过,请确保进行测试以确保一切正常。它可能有一定目的。
另一种方法是将叠加层也添加到图例中。
关于jquery - 完整日历(jQuery)-事件颜色与图例中的颜色不同,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28279665/