订单div的z-index不能按预期工作

Question

我有这个页面：http://quaaoutlodge.com/drupal-7.14/?q=specials_events不，如果你现在预订，输入预订详情的div会出现，但提交按钮会留在div的内容，即使我设置了“淡入淡出”潜水z-index为99.为什么会这样？

谢谢你， 罗恩

Answer 1

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

#HeaderBar {
  position: relative;
}

Answer 2

#book{
  z-index: 1000;
}

这将解决问题。