FullCalendar 3.9.0行高亮遮挡fc-bg背景问题咨询

这个问题我之前也碰到过，本质是FullCalendar 3.x版本里，标记选中周的.fc-highlight元素默认层级过高，把承载日期背景色的fc-bg div给盖住了。你可以通过自定义CSS调整元素的层级来解决：

• 方案一：直接调整两个元素的z-index值，让背景层优先级更高

/* 降低高亮层的层级 */
.fc-highlight {
  z-index: 1 !important;
}
/* 提升背景层的层级 */
.fc-bg {
  z-index: 2 !important;
}

• 方案二：更精准地针对周视图调整，避免影响其他视图

.fc-week-view .fc-highlight {
  z-index: auto;
}

原理很简单：FullCalendar默认给选中行的高亮元素设置了较高的z-index，导致它覆盖在背景层上方。通过修改CSS把高亮层的层级降低，就能让fc-bg里设置的背景色正常显示出来了。

内容的提问来源于stack exchange，提问作者David Milloy Strachan