css - 绝对位置弹出 Div 在 FullCalendar 中不显示

Question

我想在 FullCalendar 中单击事件时显示弹出窗口。根据我的 CSS，div 已创建并正确定位，但是，div 不可见。可见性未设置为“隐藏”。请注意，当我将位置更改为“固定”时，它会显示。我试过弄乱 z-index 但无济于事。

CSS:

._detail {
  position:absolute;
  left:-260px;
  font-size:1em;
  padding:5px;
  height:150px;
  width:250px;
    background-color:lightgrey;
    border-radius:4px;
    border:1px solid darkgrey;
}

基本 JS:

eventClick: function(calEvent, jsEvent, view) {
  // create div with class '_detail', fill it with stuff
  jsEvent.target.appendChild(_div); }

Answer 1

 jsEvent.target.appendChild(_div); 

是愚蠢的。它会将 div 附加到一个 span。我决定将弹出式 div 附加到日历容器。解决这个问题并不能回答技术问题，但对我有用。