在fullcalendar中显示图像作为背景

Question

我一直在寻找一些代码来使用图像作为fullcalendar（fullcalendar jQuery）中事件的背景，但我能找到的只是为所述事件添加图标的代码。

我希望做这样的事情：

更新时间：2016-09-23 8:15 EST：

我一直在尝试：

eventRender: function(event, element) {
$(element).find(".fc-day").css("background","url(https://www.mozilla.org/media/img/firefox/firefox-256.e2c1fc556816.jpg) no-repeat");
$(element).find(".fc-day").css("background-size","contain");
    }
});

到目前为止没有成功，我会继续寻找找不到的东西。

更新时间：2016-09-24 2:00 pm EST

进展：

    dayRender: function (date, cell) {
        cell.css("background","url(https://www.mozilla.org/media/img/firefox/firefox-256.e2c1fc556816.jpg) no-repeat center");
        cell.css("background-size","contain")
    },
    eventRender: function(event, element) {
        $(element).css("opacity", "0.75");
    }
});

现在我只需要找到一种方法来更改特定事件的背景和不透明度，因为事件将存储在MySQL数据库中，正如我在注释中指定的那样（没有图片的事件不应该有背景也不应该不透明）

Answer 1

您可以使用CSS作为@ madalin ivascu 提及

https://jsfiddle.net/j49qtcge/

#calendar td.fc-day {
    background: url('https://www.mozilla.org/media/img/firefox/firefox-256.e2c1fc556816.jpg') no-repeat;
    background-size: contain; // cover?
}
#calendar a.fc-event {
    opacity: 0.75;
}

使用“月”以外的其他视图可能需要不同的CSS

Answer 2

我来自未来的写作=）

我尝试了这个答案：

 eventRender: function(event, element) { 
    element.find('.fc-event-inner').css("background","url(https://assets.pokemon.com/assets//cms2-es-es/img/play-games/mini-games/alolan-volcanic-panic/alolan-volcanic-panic-169.jpg) no-repeat right");
    element.find('.fc-event-inner').css("background-size","contain");
    element.find('.fc-event-inner').css("opacity","0.75");
  }