css - 用于订购 div 的 z-index 无法按预期工作

Question

我有这个页面： http: //quaaoutlodge.com/drupal-7.14/ ?q=specials_events不，如果您现在预订，则会出现输入预订详细信息的 div，但提交按钮仍保留在 div 后面，内容甚至我将“淡入淡出”潜水的 z-index 设置为 99。这是为什么呢？

谢谢你，罗恩

Answer 1

您只能在position: relativeorposition: absolute元素上使用 z-index。如果您将标题设置为相对位置，它将解决问题：

#HeaderBar {
  position: relative;
}

Answer 2

#book{
  z-index: 1000;
}

这将解决问题。