-4

我正在使用 CSS 下拉菜单（作为网站页面的包含）设计网站。应该发生的是，当您将鼠标悬停在菜单项上时，会出现一个下拉框，其中包含您可以向下拖动鼠标进行选择的选项。它在 IE 和 Firefox 中运行良好，但在 Chrome 中，当您将鼠标悬停在菜单项上并向下拖动鼠标时，容器 div（不在鼠标悬停位置附近）与下拉框重叠并消失。在 Chrome 中单击查看源代码时，我注意到了 div。我已附加下拉菜单的 CSS 和下拉菜单的链接包括。

我认为有问题的 CSS 是 #banner 类，它包含一个徽标、一个标题和一个登录表单。我将它设置为 #bannerContainer 包含 #banner 以便它可以以任何屏幕分辨率为中心（参见下面的代码）。对此问题的任何帮助将不胜感激！谢谢！

CSS： http ://bridgedeck.org/newsite/pro_dropdown_n1.css 

#bannercontainer { /* centers banner items on any screen resolution */
position:absolute;
left:0px;
top:0px;
width:100%;
height:105px;
z-index:2000;
background-image: url(images/bannerOrigBlue.png);

}

#banner { /* Holds wheel, mmp text and members login form*/
position:relative;
width:1000px;
height:100px;
z-index:0;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;

}

HTML：

<div id="bannercontainer">
<div id="banner"> <!-- holds wheel, MMP text, and members login -->
    <a href="http://www.bridgedeck.org/newsite"><img src="images/wheellogocolor2.png" height="140" width="140"></a>
    <img class="mmpText" src="images/title_n1-2.png" alt="MMP" align="top"/>
        <div class="loginDiv">
            <form action="https://secure.bridgedeck.org/LoggedInHome.asp"  style="font-family:Calibri" method="post">
            <table>
            <tr>
                <td><b>Members Login</b></td>
            </tr>
            <tr>
                <td>Email:</td>
                <td><input type="text" name="Email" width="80px"></td>
            </tr>
            <tr>
                <td>Password:</td>
                <td><input type="password" name="password" width="80px"></td>
            </tr>
            <tr>
              <td height="29"><input type="submit" value="Login" class="submit"></td>
            </tr>
            </table>
            </form>
  </div>
</div>
4

1 回答 1

0 
<pre><code>
     #nav li.top {
      display: block;
      float: left;
      height: 35px;
      padding-left: 5px;
      padding-right: 5px;
     }
</code></pre>

更改 pro_dropdown_n1.css 中第 119 行的高度

注意你的高度造成的差距。

于 2012-12-27T15:54:25.807 回答