Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
下拉菜单HTML_Html_Css_Drop Down Menu_Hover_Dropdown - Fatal编程技术网

下拉菜单HTML

下拉菜单HTML,html,css,drop-down-menu,hover,dropdown,Html,Css,Drop Down Menu,Hover,Dropdown,我在菜单中使用下拉菜单时遇到问题。我希望我的菜单能够下拉,同时它悬停下拉。你能帮我做这个吗 这是我的密码: #菜单{ 浮动:左; 宽度:971px; 高度:70像素; 背景:url(../images/menu_bg.gif)不重复0 0 } #菜单ul{ 浮动:对; 宽度:936px; 列表样式:无; 保证金:0; 填充:12px 0 35px } #菜单里{ 浮动:左; 宽度:自动; 字体:18px/20px“ZapfHumnst BT”,Arial,Helvetica,无衬线; 颜色:#

我在菜单中使用下拉菜单时遇到问题。我希望我的菜单能够下拉,同时它悬停下拉。你能帮我做这个吗

这是我的密码:

#菜单{
浮动:左;
宽度:971px;
高度:70像素;
背景:url(../images/menu_bg.gif)不重复0 0
}
#菜单ul{
浮动:对;
宽度:936px;
列表样式:无;
保证金:0;
填充:12px 0 35px
}
#菜单里{
浮动:左;
宽度:自动;
字体:18px/20px“ZapfHumnst BT”,Arial,Helvetica,无衬线;
颜色:#fff;
填充:10px27px20px27px;
背景:url(../images/menu_border.gif)不重复0
}
#菜单李a{
颜色:#fff;
文字装饰:无;
}
#菜单a:悬停{
颜色:#fff;
文字装饰:下划线;
}
#菜单李a.current{
颜色:#fff;
文本装饰:无
}
#菜单李。首先{
背景:无;
填充:10px 27px 0 64px
}
#最后的菜单{
背景:无;
背景:url(../images/menu_border.gif)不重复0 2px;
填充:10px 0 27px 27px
}


您必须为下拉菜单添加适当的结构,例如:

<div id="menu">
  <ul>
    <li class="first"><a href="index.php">Home</a>
    </li>
    <li><a href="about_us.html">About Me</a>
    </li>
    <li><a href="privacy.html">A True Story</a>
    </li>
    <li><a class="current" href="projects.html">Menopause Overview</a>
      <ul>
        <li><a href="services.html">Services</a></li>
      </ul>
    </li>

    <li><a href="support.html">News</a>
    </li>
    <li><a href="contact_us.html">Contact Us</a>
    </li>
  </ul>
</div>

到目前为止,您还没有包含您编写的任何css。您是否尝试为菜单实现下拉行为?如果没有当前方法的上下文,这个问题不适合堆栈溢出。@Wobbles抱歉,我忘了包括it@Serlite很抱歉,我忘了包括它可能重复的css是所有你需要的,在
:悬停
伪'取消隐藏'弹出窗口。
#menu li ul { display: none; position : absolute; left: 0; top: 50px; background: #333; width: auto; padding: 0;}
#menu li:hover ul {display: block; }