腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
5
回答
为什么在容器元素中使用overflow:hidden css,下拉菜单不会出现在容器下面?
html
、
css
问题是,当显示下拉菜单时,我的下拉菜单的子菜单没有出现在它的容器元素之外。在代码中,我有主菜单项和子菜单项。主菜单项包括:主页、关于、服务、产品和联系人。每个主菜单项的子菜单项是: A、B、C、D和E。我希望子菜单项出现在每个主菜单项的下面。只有当我增加主菜单项的填充,使主菜单容器位于子菜单项的背景中时,才会出现子菜单项。他们不会以其他方式出现。下面是我的代码: .menu{ width: 100%; background: #d80000; float: left; margin-bottom: 50px; display: block; overflow: hidden;
浏览 0
提问于2019-02-02
得票数 0
4
回答
悬停在菜单下拉菜单上-如何使悬停效果不消失?
html
、
css
我的菜单和它的悬停效果有一些严重的问题。 我有一个非常基本的菜单,它有一个子菜单: <ul id="menu"> <li><a href="#">Menu1</a></li> <li><a href="#">Menu2</a> <ul> <li><a href="#">SubMenu1</a></li> <li><a href="#
浏览 2
提问于2013-05-06
得票数 1
回答已采纳
1
回答
如果parent处于活动状态,则应展开jQuery下拉菜单
jquery
、
menu
、
drop-down-menu
、
expand
我正在用jQuery制作一个简单的下拉菜单。它工作得很好。不过,我有个问题。 问题是,我需要在下面的子菜单中保持活动页面下拉菜单的展开状态,其中.inpath父菜单需要始终保持展开状态。如果您将鼠标悬停在另一个菜单项上,它将显示相关的子页面,当您将鼠标悬停在另一个菜单项上时,返回将显示活动的子页面。任何帮助都是非常有用的:-)! 我的html: <div id="menu"> <ul> <li><a href="">Hvem</a></l
浏览 5
提问于2011-03-03
得票数 1
回答已采纳
6
回答
CSS:如何在显示子菜单项时对菜单项设置悬停效果
html
、
css
抱歉,如果标题看起来不坏,我不知道如何为我的问题写标题。 因此,我有一个菜单栏,其中包含一些菜单项和子菜单项,如下所示: <div id="mainmenu"> <ul id="menu"> <li><a class="current" href="">Menu1</a></li> <li><a href="#">Menu2</a> <ul>
浏览 7
提问于2012-07-12
得票数 0
回答已采纳
3
回答
css保持悬停菜单项
css
我使用以下菜单: <ul id="menu"> <li class="subMenu"> <h2><a href="#"><span>menu item</span></a></h2> <div> <p><a href="#"><span>submenu item</span></a></p> </div> <
浏览 6
提问于2011-07-26
得票数 3
4
回答
纯CSS下拉菜单
html
、
css
、
drop-down-menu
我正在尝试设计一个100%的CSS和HTML下拉菜单,就像在上看到的那样。当您将鼠标悬停在导航链接上时,一个新的div会出现在您所悬停的那个div的正下方。 我要做的就是使用#nav li a:hover submenu {让.submenu出现在嵌套到的<li>下面。据我所知,当a元素悬停在上面时,这个CSS选择器应该选择.submenu DIV吗?但它不起作用。 #nav { list-style-type: none; margin: -5px 0px 0px 5px; } #nav li { display: inline; } #nav li a {
浏览 2
提问于2011-04-30
得票数 2
1
回答
浮动在绝对定位的div内,放置在相对定位元素中。
html
、
css
、
layout
、
css-float
、
css-position
我正在创建一个纯CSS悬停下拉菜单,基于一个非常基本的想法。 HTML: <ul id="top"> <li> <a href="#">Menu item 1</a></li> <li> <a href="#">This one has submenu</a> <div class="submenu"> <ul>...</ul> <div>
浏览 2
提问于2014-08-25
得票数 3
回答已采纳
2
回答
如何在单击子程序后使CSS菜单保持可见
html
、
css
、
menubar
、
submenu
我有这个CSS: #menuBar { /*width: 960px;*/ height: 35px; clear: both; } ul#nav { float: left; width: 100%; margin: 0; padding: 0; list-style: none; background-color: #0068b4; } ul#nav li { display: inline; } ul#nav li a { float: left; line-height: 35px; color: #ffffff; text
浏览 2
提问于2013-01-08
得票数 0
回答已采纳
1
回答
jQuery下拉菜单悬停状态
javascript
、
jquery
、
css
、
hover
、
drop-down-menu
我的问题是: 我有一个下拉菜单,我希望当我悬停菜单时,文本颜色会改变,当我悬停子菜单时,悬停状态会同时保持。我使用以下代码: $("ul li").hover(function () { $(this).stop().animate({ backgroundColor: "white"}, 500); }, function () { $(this).stop().animate({ backgroundColor: "black"}, 400); }); } 若要在菜单和子菜单中悬停显示背景颜色,请执行以下操作。 我想
浏览 5
提问于2010-12-14
得票数 0
回答已采纳
2
回答
如何在悬停状态下显示子菜单容器
html
、
css
、
nav
、
submenu
、
megamenu
当我将鼠标悬停在菜单项2上时,它将显示子菜单容器,如何才能获得它? Codepen 我需要在LI或A标签上添加一些东西吗?我试过了 ul li a:hover .submenu-container { display: block; } 但它并没有起作用 <ul> <li> <a href="#">Menu 1</a> </li> <li> <a href="#">Menu 2</a> <
浏览 24
提问于2020-12-07
得票数 0
回答已采纳
2
回答
IE7下拉菜单通过闪存边框发送鼠标到闪存
css
、
flash
、
internet-explorer-7
、
drop-down-menu
编辑:tl;dr:在ie7中,css下拉菜单元素边框产生鼠标焦点到下拉位下的闪存对象。救命, 嗨。我正在尝试创建一个css下拉菜单,显示在一个闪存对象上。此菜单使用ul > li >a层次结构创建,"a“标记有边框。我遇到的问题是,在IE7中,当鼠标经过"a“标签的边框时,会将mouseover事件发送到下面的flash对象,然后将mouseout发送到菜单。这将导致菜单在鼠标向下移动时消失。 我找到了,但不知道如何实现垂直菜单的解决方案。 相关的代码示例(我意识到这其中的大部分都是一团糟,但是我从设计者那里得到了大部分代码,我不能花时间重写它,使它稍微少一点.ug
浏览 0
提问于2010-11-21
得票数 0
回答已采纳
1
回答
水平下拉菜单,试图在子菜单中创建另一个子菜单。
css
、
drop-down-menu
在“我的视图”菜单下,我试图在子菜单中创建一个新的子菜单,没有任何成功。如何修改现有的CSS代码,使视图菜单下的submenu2看起来像我的所有其他子菜单? 谢谢。 <!DOCTYPE html> <html> <head> <style> #menu_container { width: 100%; background: rgb(250,252,254); border: 1px solid rgb(128,128,128); font-family: Arial; font-size: 9pt; }
浏览 1
提问于2013-12-11
得票数 0
回答已采纳
4
回答
带子菜单的居中CSS菜单
html
、
css
、
menu
、
center
、
submenu
我想有一个带有子菜单的中央CSS菜单。我可以做其中的一部分(主菜单),但我在显示子菜单方面有问题。当我悬停主菜单项以显示它们的子菜单时,问题就开始了. * { font-family:arial; } #menu { height: 65px; background: #f3f3f3; text-align: center; } #menu ul { list-style: none; text-align: center; margin: 0; padding: 0; position: relative;
浏览 1
提问于2016-12-07
得票数 0
回答已采纳
2
回答
使用javascript突出显示父菜单项
javascript
、
html
、
asp.net
、
css
、
drop-down-menu
当我单击父菜单项时,它会突出显示下拉菜单中的所有子菜单项,如何修复它。 javascript: $(function () { var url = window.location.href.substr(window.location.href.lastIndexOf("/") + 1); $('[href$="' + url + '"]').parents("li").addClass("current_menu_item"); }); css: #menu ul .current
浏览 0
提问于2014-04-03
得票数 2
回答已采纳
2
回答
css下拉菜单::子菜单在悬停后出现在主菜单中。
html
、
css
、
drop-down-menu
我已经为下拉菜单编写了css代码。 下拉菜单中的问题是:: 当我悬停在我的主菜单项上(即在exapmle第二个“by”中)时,它会通过增加主菜单的高度来显示submenu...thats ok..but it和它一起出现在主菜单中。 主菜单的背景也变成了子菜单的背景,显然我不想那样。 在主菜单列表中,项目以大量的文本开头,我不想那样做。 文本在子菜单中对齐。 我希望子菜单的内容宽度不超过这一点。 我的HTML :: <div class="menu"> <ul> <li><a href="#&
浏览 2
提问于2013-08-10
得票数 0
回答已采纳
2
回答
HTML/CSS:我如何正确地设置这个菜单的样式?
css
、
html
、
menu
、
stylesheet
、
submenu
我正在学习创建没有浮动的CSS菜单。到目前为止,我收到了部分“工作”菜单。但是,主菜单的边框是分开的。此外,子菜单的边框大小为一半,悬停的背景色不起作用。同时,子菜单不工作。 我还试图使用.menu .submenu .子菜单类来简化CSS代码。 jsFiddle: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Title: Navigation
浏览 4
提问于2012-04-27
得票数 1
回答已采纳
2
回答
CSS下拉菜单:悬停状态似乎不起作用
html
、
css
我试着使用css和:<li>状态做下拉菜单,但是当我在第一个上悬停时,子菜单不会下拉,有人能帮我吗? 这是我的html: <div id="menu"> <ul> <li>Menu</li> <ul> <li>Submenu</li> <li>Submenu</li> <li>Submenu</li> <
浏览 2
提问于2014-11-08
得票数 0
回答已采纳
1
回答
css活动子菜单应该显示整个子菜单。
html
、
css
我的垂直导航有点问题: <div class="menu-container"> <ul> <li><a href="/menu1">Menu1</a> <ul class="sub-menu"> <li><a href="/menu1/submenu1">Submenu1</a></li> <li><a href="/menu1/submenu2">S
浏览 4
提问于2014-04-28
得票数 1
回答已采纳
3
回答
jQuery下拉菜单:没有显示一个项目
javascript
、
jquery
、
css
、
drop-down-menu
我创建了一个jQuery下拉菜单,在悬停时显示div下拉菜单。 这是一个网站的导航菜单,但问题是,一些菜单项不需要下拉,我无法隐藏这些项目的菜单。 这是。我需要的是名为“无人问津”的菜单项,不要显示下拉的div。 ,这是我正在使用的JavaScript: $(function () { var $oe_menu = $('#oe_menu'); var $oe_menu_items = $oe_menu.children('li'); var $oe_overlay = $('#oe_overlay'); $oe_menu_items.bind
浏览 1
提问于2014-02-24
得票数 1
回答已采纳
1
回答
子菜单悬停
javascript
、
jquery
在我的大项目中,我遇到了一个问题。代码太大了,无法在这里完整地发布,但是我已经在jsfiddle上创建了一个示例。 我有一个动态菜单和一个子菜单部分。 我想在悬停某些菜单项上显示特定的盒子容器。 问题是当悬停在菜单项上时,我无法访问box容器,因为它不在<li>元素中,因为它是动态加载的。 我的想法是创建功能,在悬停菜单项上显示盒容器,并检查菜单项的鼠标退出和盒容器的隐藏盒容器。 这将是我的问题的解决方案,我尝试了鼠标和鼠标保存,但没有工作。 $('.first-menu-item, .submenu').hover(function() { $('
浏览 2
提问于2017-06-21
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
出色的CSS图像悬停效果汇总
新年第一课,给你的程序美美容吧
程序猿必备的10款web前端动画插件二
前端设计开发常用命名规则
Javascript每日一学-原生JavaScript自制个性化导航栏
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券