令人困惑的定位问题

Question

仅适用于CHORME和FIREFOX

考虑以下链接http://indivar.biz/deva/node/41，然后将鼠标悬停在“TRAINING PROGRAMS”选项卡上，它将打开子菜单。打开的子菜单在“即将开始的程序”下方打开，标题位于紫色框下方。并且需要正确地打开紫色盒子。

那么，请您告诉我，这个问题将如何解决。子菜单在主页上正常工作，但在内部页面上工作正常。

感谢 巴尔卡尔

Answer 1

将此添加到您的CSS。

#background-bg {
  {
   position: relative;
    z-index: 100;
  }
#content > .wrapper {
  {
   position: relative;
    z-index: 10;
  }

虽然建议不要使用ID进行样式设置，但是你同意这个补丁。这不会是个问题。

Answer 2

在这个类上.node-type-page＃background-bg z-index为0，将其增加到1或更多，问题将被修复

Answer 3

wrapere position relative和z-index就像这样

#content  >  .wrapper {
        margin: 0 auto;
        position: relative;
        width: 960px;
        z-index: -1;
    }