Question

我有下拉菜单的CSS代码。我创建了3个具有相同CSS的菜单，其中每个菜单都显示在另一个菜单下。当为每次搜索创建数据时，html是从Perl脚本生成的。

＆＃13;

aws

＆＃13;

#menu {
    padding:0;
    margin:0;
}

ul#menu {
    list-style: none;
    top: 1.1em;
    position: relative;
    background: #171e35;
    padding: 1em 1em;
    margin-bottom: 10px;
}

ul#menu ul {
    display: none;
    position: absolute;
    top: 34px;
    left: -30px;
    width: 250px;
    text-align: left;  
    *width: 100%; /* IE7 hack*/
}
    
ul#menu li:hover ul {
    display: block;
}

ul#menu li {
    position: relative;
    display: inline;
}

ul#menu li a {
    padding: 0.5em 1.0em 0.9em 1.0em;
    color: #fff;
    text-decoration: none;
}

.submenu li a {
    display:block;
}

#menu ul li a {
    background: #171e35;
    left;
}

＆＃13;

问题：顶部/第一个菜单会在下一个菜单下方下拉，因此无法读取。是否存在会强制主动下拉的代码？

Answer 1

如何将df.loc[df['month'] == 'Feb', 'A'] = df.loc[df['month'] == 'Feb', 'B'] + df.loc[df['month'] == 'Feb', 'C'] + df.loc[df['month'] == 'Feb', 'D']属性添加到z-index，并为其添加一些这样的值：

ul#menu li:hover ul

#menu {
  padding: 0;
  margin: 0;
}

ul#menu {
  list-style: none;
  top: 1.1em;
  position: relative;
  background: #171e35;
  padding: 1em 1em;
  margin-bottom: 10px;
}

ul#menu ul {
  display: none;
  position: absolute;
  top: 34px;
  left: -30px;
  width: 250px;
  text-align: left;
  *width: 100%;
  /* IE7 hack*/
}

ul#menu li:hover ul {
  display: block;
  z-index: 100;
}

ul#menu li {
  position: relative;
  display: inline;
}

ul#menu li a {
  padding: 0.5em 1.0em 0.9em 1.0em;
  color: #fff;
  text-decoration: none;
}

.submenu li a {
  display: block;
}

#menu ul li a {
  background: #171e35;
  left;
}

Answer 2

首先，你应该修复html标签。您的所有标签都缺少其结束标记。

<ul id="menu">
<li><a href="#">Menu</a>
    <ul class="submenu">
        <li><a href="$site_url>Home</a></li>
        <li><a href="index.cgi>See ALL</a></li>
        <li><a href="index.cgi>Quick Availability</a></li>
    </ul>
</li>

应该成为

<ul id="menu">
<li><a href="#">Menu</a>
    <ul class="submenu">
        <li><a href="$site_url">Home</a></li>
        <li><a href="index.cgi">See ALL</a></li>
        <li><a href="index.cgi">Quick Availability</a></li>
    </ul>
</li>

css下拉菜单强制到顶部不到

2 个答案: