css - Z-index 在悬停菜单上始终不起作用

Question

将鼠标悬停在页面中间菜单中的“查找酒店”上时，会出现一个悬停菜单，仅使用 CSS，不使用 JavaScript。

http://dusit.syndacast.com/dusitthani/meetings/

然而在主页上，悬停菜单位于其他元素下方，即使 z-index 为 99999

http://dusit.syndacast.com/dusitthani/

两个页面都使用几乎相同的模板，但我看不出有什么区别？

谢谢

Answer 1

将 z-index:0 添加到 .relative-item 并将 z-index:1 添加到 .blueBar.brand 应该修复它。

 .relative-item {
   position: relative;
   z-index: 0;
 }

.blueBar.brand{
  position: relative;
  z-index: 1;
}