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

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 附加到一个跨度。我决定将弹出 div 附加到日历容器中。解决这个问题并不能回答技术问题，但对我有用。

Answer 2

如果弹出设置位置有父 div：相对于包含弹出窗口的父 div 否则设置相对于页面的主包装 div 的位置