Javascript 我的日历控件中的CSS z索引问题

我面临一个css z索引问题。它是一个日历控件，在鼠标悬停在红色区域上显示事件弹出窗口

请参阅所附图片

当我将鼠标移到日期5上时，它显示弹出窗口，但其他日期的红色div出现在前面

红色图标的CSS

.add-gun {
float: left;
margin-left: 5px;
margin-top: 8px;
cursor: pointer;
background-color: red;
background-repeat: no-repeat;
height: 30px;
width: 30px;
}

---

应在此选择器中添加z索引属性：

.responsive-calendar .days .day:hover {
    background-color: #d0d0d0;
    z-index: 10;

---

它似乎是变换：旋转（0度）；在你的驾驶日，这是导致它的原因。如果您删除了它，那么它将按预期工作

见此：

我只是很快地把它砍掉了

applyTransform: function($el, transform) {
        //$el.css('transform', transform);
        //$el.css('-ms-transform', transform);
        //$el.css('-moz-transform', transform);
        //return $el.css('-webkit-transform', transform);
        return $el;
      },

现在我不知道在某些情况下，如果你不想移除它，这是否有什么作用。这是我在Inspect Element游戏中发现的第一件事