fullcalendar background events: background color not shown in Safari / Firefox / IE

问题

I use the fullcalendar Scheduler add-on (http://fullcalendar.io/docs/scheduler/) When I use the code below, this background event is not coloured silver in Safari / Firefox /IE (no color at all...). It shows the silver color perfectly in Chrome.

$('#calendar').fullCalendar({
events: [
    {
        start: '2016-04-01 06:00',
        end: '2014-04-01 10:00',
        rendering: 'background',
        color: 'silver',
        resourceId: 1
    }
]

});

How can I fix this issue?

Thanks in advance!

Kind regards, Kim

回答1:

You can set the className attribute of Events

events: [
    {
        start: '2016-04-01 06:00',
        end: '2014-04-01 10:00',
        rendering: 'background',
        className: event_silver,
        resourceId: 1
    }

and then in css:

.event_silver {
    background-color: silver;
}

Kind regards, Romain

来源：https://stackoverflow.com/questions/37115291/fullcalendar-background-events-background-color-not-shown-in-safari-firefox