Question

我使用CSS和jQuery创建了一个select元素，其灵感来自this URL。链接到我的笔here。

我稍后会做动画内容和其他样式，但首先我必须解决一个错误。当您单击顶部的“选择”框时，会出现一个下拉列表，但问题是它的两个元素（＆＃39;程序员＆＃39;和＃39;黑客＆＃39;）没有表现适当地悬停。我猜是因为它们下方的第二个选择框。有什么方法可以使它们正常工作吗？

我已尝试将下拉列表的z-index设置为2，但没有运气。

Answer 1

总是z-index问题。

.sl-batman {
   z-index: 2;
}

Answer 2

如果你设置了两个z索引，你会发现它会起作用。

.sl-batman{
  z-index: 2;
}

.sl-superman{
  z-index: 1;
}