我已经想出了如何在mousemove上显示导航栏，但在鼠标停止移动后如何让导航栏再次消失却遇到了麻烦。
CSS
nav{
display:none;
}
JavaScript
$(document).mousemove(function(event) {
$("nav").css("display", "block");
});
我相信有一个简单的解决方案，但我已经寻找了一段时间，但没有效果。
谢谢!
浏览 0提问于2013-05-10得票数 1
回答已采纳
1回答
我试着制作一个导航条，当用户滚动页面时，导航条变得半透明，然后如果用户鼠标悬停在导航栏上，它会重复，然后当用户将鼠标移出物体时再次退出。我似乎想不出如何：
让导航条只在鼠标离开后，当用户向下滚动页面时才会褪色--我不希望当用户将鼠标移离屏幕顶部时，只有当鼠标在页面上向下滚动时，才会使其褪色。如果他们移动鼠标，而不是直接移动鼠标，就会慢慢消失，然后进入设定的不透明状态。
$(window).scroll(function() {
if ($(window).scrollTop() > 75) {
$('#navBar').css("opaci
浏览 3提问于2014-05-15得票数 1
回答已采纳
2回答
我希望我的导航条只在鼠标移动时出现，否则不会被看到。它是固定的位置。我试着用
( "html“).mousemove(函数(){)
.=‘2’>.
但是，即使我完全离开了鼠标，它似乎仍然注册，鼠标被移动。让这有点棘手的是，当鼠标在文档中的任何位置移动时，我希望导航条出现，而不仅仅是在导航栏区域。每当鼠标不移动时，导航栏就不应可见。
这样做的实质是，只有当用户移动鼠标(表示要更改某物的意图)时，才能使导航栏可见，因为否则它会分散内容的注意力。
浏览 4提问于2014-05-02得票数 0
回答已采纳
2回答
嗨，我正在寻找一种方法，这样如果我的鼠标移动到屏幕的最左边或最右边，一个动作就会被执行，有没有办法用html，css，jquery等来做到这一点？就像我试图让我的导航栏在我的鼠标到达屏幕左端时显示出来。任何帮助都将不胜感激
浏览 0提问于2013-08-16得票数 1
2回答
CSS导航子菜单和分隔符
、、、
我已经创建了一个以CSS为中心的导航栏。每个li项由一个边框分隔，边框是背景图像。当鼠标悬停在导航项目上时，分隔符消失了，因为鼠标悬停改变了背景(我猜)，但我想知道如何解决这个问题，填充或边距不能工作，因为它只会移动li元素。
第二个问题是子菜单项显示不正确，我不知道为什么……
演示：
代码：
我试着让它工作近一周，我已经厌倦了，所以我在这里寻找支持。
浏览 0提问于2012-09-15得票数 0
回答已采纳
1回答
所以我有这个菜单栏。它是一个无序列表，菜单栏与页面内容分开，并带有细长的下划线。现在，我希望当有人将鼠标移到链接上时，该列应该有粗粗的下划线(而不是文本)。
我的css看起来是这样的：
.main-navbar
{
background-color:#fff;
border-bottom:1px solid #f2f2f2;
}
.main-navbar-item li a:hover
{
border-bottom: 5px solid #dddddd;
}
这工作得很好，我可以看到厚厚的底部边框显示在鼠标上。但是，main-navbar线向下移动，以便在
浏览 3提问于2014-06-25得票数 0
1回答
Live示例： (在页面顶部的蓝色栏上移动鼠标)
我的问题：这个css 3d导航菜单(在顶部)不能在Opera中工作。为什么求你？css有以下内容：
-o-过渡：-o-转换0.5s易用性；
-o-不是歌剧？
浏览 1提问于2013-05-28得票数 0
回答已采纳
我正在构建一个由PHP控制的动态导航栏，并且在我的列表中使用图像。我正在应用jQuery来实现“悬停”效果。这是PHP代码：
$path = $_SERVER['PHP_SELF'];
$page = basename($path);
$page = basename($path, '.php');
在我的导航列表中，我设置了'display:none‘和'display:inline’，这取决于$page使用PHP 'if‘语句的返回值。请参见代码：
<ul id="cssdropdown">
<l
浏览 0提问于2011-04-11得票数 0
5回答
当我调试一个站点时，有时悬停的选择器有点长，和其他的类似，有没有一种方法可以在Firebug中应用一种“粘性”状态来悬停规则？
例如，我将鼠标悬停在导航栏上，希望将选择器从firebug中复制出来以便在CSS中进行搜索，但当我移动鼠标时，选择器(显然)消失了，因为导航<li>不再悬停。
有办法做到这一点吗？
谢谢:)
浏览 7提问于2010-11-05得票数 72
回答已采纳
2回答
我正在与网站顶部的固定菜单的网站工作。如果你将鼠标悬停在导航栏上，它会向下移动以显示链接。悬停是通过css类实现的。
导航应该显示完整，当您进入网站或滚动到顶部。
我正在尝试使用javascript方法来实现它，该方法与滚动进度一起使用。
$(window).scroll(function() {
var wS = $(this).scrollTop();
if (wS > 200){
alert('you have scrolled to the h1!');
$document.getElementById
浏览 0提问于2017-01-05得票数 1
我使用Bootstrap创建导航栏和它的内部菜单自动下拉鼠标经过额外的CSS。当我们将屏幕尺寸缩小到移动设备上，并将鼠标放在有下拉列表的项目上时-在我的例子中是它的“产品”，在下拉列表旁边显示了一个额外的滚动条，几乎没有项目被隐藏。
这是
HTML代码：
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="bu
浏览 2提问于2016-06-13得票数 0
1回答
我想在导航栏上面放一张图片，然后在导航栏后面放一张背景图片。
导航栏上方图片的当前html：
<div class="viewport-1"></div>
我当前用于导航栏上方图像的CSS：
.viewport-1
{
background-size: cover;
background-image: url('saultitle.png');
height: 100vh;
}
当我将鼠标悬停在括号中的链接上时，该图像就会显示在CSS工作表中，并且该图像在网页中应该显示的位置有一个间隙--但是它没有显示。
至于导航栏图像，没有间隙，因为它
浏览 12提问于2018-01-02得票数 0
回答已采纳
3回答
我有一个包含导航项目的div，以及一个文本输入(将用作搜索栏)。当用户将鼠标悬停在导航div上时，使用CSS将不透明度从0.6更改为1，然后在用户移开鼠标时再次更改。
我想使用CSS或jQuery来保持不透明度为1，如果搜索输入是焦点，无论用户是否悬停在导航栏上。我试过使用一个简单的if函数(我对jQuery的了解不是很多)：
if ($("#navsearchbox").is(":focus")){
$("#navbar").css('opacity', '1');
}
这可能是因为当搜索输入第一次被关注时，
浏览 0提问于2012-11-22得票数 2
回答已采纳
使用Bootstrap3，我正在尝试弄清楚当导航栏崩溃时如何在.navbar-default .navbar-nav > li > a:hover上触发类/样式更改。
当导航栏完全展开时，我希望鼠标悬停时边框颜色发生变化。当导航栏折叠时，我希望鼠标悬停时背景颜色改变(在下拉列表中)。
我在想，任何触发导航栏崩溃的东西都可以切换类，但我找不到发生这种情况的地方。
有没有可能让bootstrap触发样式更改，或者我需要编写一个自定义函数？关于如何实现这一点，有什么其他建议吗？
干杯。
浏览 0提问于2014-05-31得票数 1
我正在学习如何使用bootstrap框架来构建网站。还有一个我想复制的导航栏悬停效果。请参考下面由bootstrap提供的示例。效果是:菜单文本始终显示，而导航栏仅当您的鼠标位于导航栏容器区域上时才会下降。
有谁能教我怎么做吗？
谢谢,
浏览 0提问于2016-02-08得票数 0
我有一个正在制作的导航栏；我有一个要演示的。如果你将鼠标悬停在一个元素上，子列表就会出现，但如果你仔细观察，它的左边缘就在召唤它的导航栏元素前面1个像素。
有没有什么可以添加的CSS规则来消除这个问题，比如将子列表向后移动一个像素？我知道使用JS可以做到这一点(获取每个导航栏元素，计算它与左侧的距离，获取它的子列表，并给它一个比元素的左值小1的值)，但现在我想暂时避免使用它。
如果可能，我更喜欢CSS解决方案，但它当然不是，请告诉我，如果可以的话，提供一个JS替代方案。
浏览 1提问于2012-06-08得票数 0
回答已采纳
3回答
我目前正在编写我的投资组合页面，我遇到了一个奇怪的行为，我不明白悬停状态。我在页面顶部的导航栏中有一些链接。链接是完全定义的:悬停和一切。现在我也想改变链接的颜色，当我将鼠标悬停在链接所引用的站点的不同部分上时。所以我写了这个：
/* Navlink colors */
$('#portfolio').hover(function() {
$('#portLink').css('color','#FF9900');
}, function() {
$('#portLink').c
浏览 6提问于2014-04-05得票数 0
回答已采纳
1回答
我有一个带有下拉菜单的简单导航栏，当用户将鼠标悬停在导航栏中受人尊敬的链接上时，它应该会停留在导航栏中，但我不能在用户将鼠标悬停在实际的下拉菜单而不是其链接上时，让它停留在导航栏中。我尝试在实际的下拉列表中使用所需的显示值创建一个:hover类，但当鼠标从链接移动到下拉列表时，似乎有一些空间，因此在第二个:hover类有机会被应用之前，它再次变得不可见。
.nav-link:hover {
box-sizing: border-box;
color: rgb(201, 49, 49);
transition: 0.4s;
border-bottom: 5px solid r
浏览 0提问于2018-06-25得票数 0
不知何故，当你鼠标移动时，下拉菜单的链接就不再显示下拉菜单了。没有任何下拉链接仍然工作良好。它发生在上，在绿色导航栏上的链接，我不知道什么可能会导致这种情况发生。我没有改变一个脚本在网站上，除了一些CSS。我也没有更改任何类或ID，它发生在所有浏览器上。如果这有帮助的话，我使用的是OpenCart，它使用基于引导的主题。
浏览 0提问于2020-02-13得票数 0
回答已采纳
1回答
我有一个导航栏，当用户将鼠标悬停在导航栏上时，会打开一个面板，就像下拉菜单一样。当用户单击面板上的某个项目时，会在其附近打开一个小的弹出窗口以获取信息，用户可以单击该弹出窗口上的内容(如链接、按钮等)。
我的问题是，当用户将指针移动到弹出窗口时，面板将消失，因为弹出窗口与导航栏项目不在同一元素中，因此失去了悬停效果。
有没有什么办法可以在鼠标移动到弹出框的同时保持项目的悬停，并且仍然保持DOM结构(弹出框与导航栏项目分开)
浏览 20提问于2020-02-19得票数 2
3回答
我想知道是否有可能在导航栏上仅当:hover仅在html/css语言中处于活动状态时才显示img。
当我:hover 时，我正试图在我的导航栏下面显示这个灯
这是我的html代码:
这是我的css：
1个问题:没有JS我能做到这一点吗？(通过玩不透明游戏)。因为我试过
ul li a img{不透明度: 0;}
ul li a img:鼠标悬停{不透明度:1；}，它不工作。
2我是否可以对css中具有不同值的其他导航栏元素再次使用相同的img来更改位置，例如使用不同的类？只需改变大小和x值?如果是绝对的或相对的？
谢谢大家的光临，祝大家愉快！
浏览 0提问于2018-12-14得票数 1
当我将鼠标悬停在导航栏中的导航图标上时，我希望它只是展开并显示该图标所指的内容。 ? 例如，如果我将鼠标悬停在Facebook图标上，它应该会在另一个导航按钮中显示"Facebook Page“的描述，一旦我将鼠标移开，它就会消失。 我是个新手，如果能帮上忙我会很感激。 当前CSS： .showfacebook {
display: none;
}
.showbook {
display: none;
}
.showpen {
display: none;
}
.showusergraduate {
display: none;
}
.showus
浏览 22提问于2021-11-11得票数 1
我有一个使用fullPage.js ( )的站点和一个侧栏菜单，用于在区段之间导航，因此用户可以使用鼠标轮向下移动或选择侧边栏上的部分。
在用户滚动时，突出显示当前处于活动状态的菜单部分。然而，在第2节中，菜单扩展到显示5个主题，并将其分组到2个目录中。我想要的子灾难，以及部分，被标记为积极的以及主题。
下面是我到目前为止使用的jQuery：的示例
我使用回调"afterSlideLoad“调用一个函数，该函数将active元素的父元素(子存储部分)和父元素的父元素(部分)的CSS都更改为active。
下面是我到目前为止所掌握的代码，这些代码不起作用：
afterSlideLoad
浏览 1提问于2014-12-06得票数 2
回答已采纳
我正在做一个使用Twitter Bootstrap 3的网站。我的导航栏上有一个下拉列表，我想在窗口宽度高于780px的情况下显示鼠标悬停的下拉列表。如果宽度小于780px，我会看到移动菜单版本，所以在这种情况下，我想单击导航栏以显示下拉菜单。我用$( window ).resize(function()和$(document).ready(function()编写了这段代码
if ($(window).width() >= 780) {
jQuery('ul.nav li.dropdown').hover(function () {
jQuery
浏览 3提问于2013-11-07得票数 0
我正在使用导航栏来实现标准的导航功能，我想包括一个用于登录和注册的按钮。
I'm use an a标签与btn btn-large btn-success类一起使用，默认情况下，导航栏似乎不支持嵌套btn的使用。
结果如下所示：
当鼠标悬停在上面时，它会显示为：
我的问题基本上是:我做错了吗？我是不是漏掉了什么？
我想在我为.btn重新定义CSS类之前问一下。在导航栏中。
谢谢。
浏览 3提问于2012-02-13得票数 61
回答已采纳
1回答
我有一个带有悬停下拉菜单的导航栏。就在它的底部，我有一个相对定位的文本。当鼠标悬停在导航栏上触发时，下拉菜单会向下显示，但文本仍然显示在下拉菜单上方，而不是隐藏相对文本。
我知道我可以在悬停时用jquery触发一个hide()，但是有没有一种纯CSS的方法呢？
浏览 1提问于2012-12-11得票数 0
回答已采纳
1回答
在为我正在重新设计的网站开发移动导航菜单时，我发现许多移动浏览器通过点击触发CSS :悬停事件，包括Chrome、FlashFox和Android4.x上的默认浏览器，以及iOS 7上的Safari。这种行为广泛适用吗？我认为Android2.x手机可能会出现问题。
我想知道是否有人有过这方面的经验，这种行为是否可以安全地依赖于我的导航菜单。另外，是否有某种规范来定义这种行为，或者它是否只是某种形式的出现？据我所见，它在设备上的表现似乎相当一致。
我以前用JavaScript做过移动导航菜单，但这将是一个不错的选择。
我知道有几个关于堆栈溢出的问题，但它们都很老了，我找不到任何专门处理我想知道
浏览 1提问于2014-08-24得票数 6
回答已采纳
2回答
遍历无序表(nav)
、、、
我正在处理一个Mega菜单，并使用一个无序列表来触发一个事件来显示Mega菜单。这是导航栏的HTML代码：
<div class="alpha omega grid_15" id="topNavLink">
<ul id="navRollOver">
<li><a href="#" title="SOCCER" target="_self" >SOCCER</a></li>
<li>&
浏览 4提问于2012-01-23得票数 0
2回答
我是jQuery的新手，我想知道如何为我要创建的导航栏选择多个元素。我想让它检查用户的鼠标是否在导航栏中的项目上或下拉菜单上(否则下拉菜单将消失)。我尝试过使用：$('#nav_item_1').mouseenter(function(){
`//make the drop down menu visible and change nav_item background here`
});
`
$('#nav_item_1,#dropdown').mouseleave({
//revert everything back to normal
});
浏览 1提问于2012-08-19得票数 0
我有一个部分的网站，显示部分(关于，服务，…)向下滚动时(隐藏上一部分)。如何使用JavaScript代码在显示每个部分时添加CSS更改(更改如下:显示/隐藏某个徽标、更改主菜单中该部分的活动文本的颜色、更改导航菜单的颜色、…？我的意思是:如果这个部分被选中(使用菜单或导航栏)/滚动到(鼠标滚动)，那么CSS是否会更改任何帮助？ 类似网站：https://bratsun.com/#hello
浏览 31提问于2021-04-14得票数 0
当鼠标从左向右移动时，我们已经使用css在HTML页面的导航栏中放置了图像。如何停止移动的动画？它应该是常量。
这是css代码：
.homebtn1 .win-commandimage {
background-image: url('/images/homeActive.png');
width:140px;
height:75px;
.mydealsbtn1.win-commandimage {
background-image: url('/images/home2Active.png');
width:140px;
height:
浏览 2提问于2013-01-07得票数 2
1回答
我的引导带3.3.6侧边栏导航有一些问题。
问题#1 -当在移动视图中，内容不想跟随填充-顶部:70 in被定位在较低的固定顶部导航栏下。当侧边栏(左手边)变成标准的引导顶部导航时，就会发生这种情况。
问题2-只有当屏幕不是移动/桌面时，侧边栏导航的一半才会出现。因此，在平板电脑的某个地方，你只能得到一半的侧边栏。
问题#3 -网格不想在移动视图中显示2个块，而是只显示一个块。如问题1所示。
这是JSFiddle
$(document).ready(function () {
htmlbodyHeightUpdate()
$( window ).resize(fun
浏览 5提问于2016-01-12得票数 0
回答已采纳
我在我的网站上的一些页面上显示了一个通知栏。如果显示了导航栏，我想突出显示导航栏并将其向下移动。
栏的css是<div id="infobar_1_1" class="info_bar" style="background-image:... <div class="infobar_inner"><span id="infobar_txt" ....</div></div>。
我正在尝试使用jquery代码if ($('#infobar_1_1').hasC
浏览 1提问于2014-05-07得票数 0
所以我有一个简单的导航栏和一个下拉菜单，当用户在more选项卡上悬停时可以使用它。我想要隐藏下拉菜单，当用户鼠标移出类别div。
问题是，当用户将鼠标移动到ul li中时，下拉菜单关闭。如何设置它，以便该函数忽略类别div中的ul li。尝试分类>*，但不起作用。
<div id="navbar">
<ul>
<li>tab1</li>
<li>tab2</li>
<li id="moretab">more</li>
</u
浏览 6提问于2009-06-12得票数 12
回答已采纳
我有一个导航栏，当我将鼠标悬停在导航栏上时，它会显示下拉菜单 <li>
<Link
to='/'
className='nav-links'
onClick={() => setClick(false)}
onMouseEnter={() => setDropdown(true)}
onMouseLeave={() => setDropdown(false)}
>
浏览 54提问于2020-08-05得票数 0
2回答
Bootstrap响应导航栏问题
、、、、
我有一个用于引导响应导航栏的。在桌面视图中，徽标在顶部，这很好，但在移动视图中，我希望徽标显示为带有展开按钮的内联。我该怎么做呢？
PS:在jsfiddle中调整预览窗口的大小以查看响应格式。移动视图中的展开按钮在jsfiddle中也不起作用。
另外，如何使用css更改导航栏上的配色方案？
谢谢
浏览 1提问于2016-01-09得票数 0
1回答
我知道有一百万个问题在问这个，但我的是不同的。我不想只做一个导航栏，你可以将鼠标悬停在导航栏上查看子级别。我希望实际的导航栏(我有一个图像)从看不见的地方出现。最好的方法是什么？编码，Flash，CSS？
浏览 4提问于2012-02-20得票数 0
回答已采纳
1回答
我最近一直在研究CSS3，我只是为了好玩而设计了一大堆不必要的功能和效果。这就是它：
如果你看一下我在顶部的导航栏，你会注意到当你将鼠标悬停在一个链接上时，它会以平滑的过渡运动向右移动7个像素。
但请注意，当您将鼠标从链接上移开时，它会立即跳回其原始位置。
有没有办法让它像以前一样平滑地淡入原处？
浏览 0提问于2011-05-21得票数 1
回答已采纳
我正在制作一个导航栏，当你将鼠标悬停在导航栏的剩余部分时，它会从我网站的左侧滑出。问题是，当动画运行时，当你将鼠标悬停在内容部分时，它不会被注册，导航栏保持延伸，直到你再次在导航栏上来回悬停。有没有人知道解决这个问题的办法？
var hover = 0; //navbar holder
var leave = 0; //true if mouse left navbar
$("#navhover").hover(function(){
浏览 1提问于2014-01-31得票数 0
1回答
我正在尝试在CSS中创建一个水平导航栏。我正在使用这个页面中的CSS，它似乎工作得很好：
...but如果您将鼠标悬停在示例中的任何链接上，则在垂直白条之前的每个元素的左侧都会有一个小间隙。我的导航栏也有同样的问题。有没有办法删除这个空间？或者有没有更好的方法来创建一个居中的水平导航栏？
谢谢!
浏览 2提问于2010-10-28得票数 1
回答已采纳
2回答
我正在尝试测试zurb foundation 4 css框架。如果zurb的网站foundation 4文档中提到了foundation 4使用部分替换了旧foundation 3中的折叠、标签和垂直导航栏和& nav bar，但我找不到如何在鼠标悬停时制作垂直导航栏；我必须点击标题。如何在鼠标悬停时使垂直导航成为弹出菜单？Mouseover是一种非常标准的方法，我希望在foundation 4中有简单的方法来开启它。
浏览 4提问于2013-06-15得票数 0
1回答
我在页面顶部有一个导航栏，当某些事件运行时，我会有一个标题弹出大约3秒。在此期间，您不能单击底层的导航链接。
.alert-header{
pointer-events: none;
}
我尝试做一个css transition，但是指针事件被设置为none。所以我尝试使用jquery (假设指针事件只影响css)：
$(document).on('mouseenter', '.alert-header', function(){
$(this).animate({opacity: 0.2}, 'fast');
}).on(
浏览 1提问于2016-03-11得票数 0
要求：
示例链接：
在这个页面上，当我们悬停在主导航上时，它们下面的黄线就会随着你的鼠标动画或移动，这是可以的。
但是我们能不能让它移动，只有当你在主要导航上空盘旋时？如果说我徘徊在Investments的上空，然后转到Advisors诉Brokers的子导航，那么黄色的栏应该保持在Investments的下方--它不会与子导航一起移动。
下面是JS代码：
// DOM Ready
$(function () {
var $el, leftPos, newWidth;
/* Add Magic Line markup via JavaScript, because it
浏览 5提问于2012-12-06得票数 1
回答已采纳
我正在尝试建立一个导航栏，当鼠标悬停在导航栏上时，它会在导航男爵旁边显示子菜单，类似于下面的屏幕截图。 ? 然而，当我尝试使用left: 100%时，子菜单完全消失了。我做了一些测试，它看起来像是当子菜单溢出主导航栏时，它只是剪切元素。 这就是使用left: 50%时的样子。如您所见，元素就在那里。 ? 这是它在left: 80%中的样子。正如您所看到的，元素被剪切，并且不会溢出主导航栏。 ? 这就是使用left: 100%时的样子。该元素根本不显示。 ? 这是导航栏的代码。https://codepen.io/aheldes/pen/OJmGYYW 这是侧边
浏览 55提问于2021-08-16得票数 0
回答已采纳
我正在构建一个Angularjs + Twitter引导应用程序。
我想使用一个导航栏固定的顶级类作为我的顶部导航栏，因为我希望-在移动(折叠)模式-下拉的导航栏项目显示在页面内容，而不按下内容。
我也希望打开的背景是半透明的。我想我在那里有这样的css：
.navbar-fixed-top {
background-color: rgba(0,0,0,0.9);
background-image: none;
}
唯一的问题是，使用这个css，关闭的导航条也是半透明的。是否可以只将css属性设置为打开的导航条？
更新：
从srrvnn的回答(谢谢！)，我解决了：
.navbar-co
浏览 2提问于2014-05-07得票数 1
回答已采纳
我有一个显示悬停内容的导航栏。你可以在这里看到一个有效的演示：
正如您所看到的，它工作得相当好，但它有一点but。
我的jquery很简单，绝对可以改进：
$("#navButtons li").hover(function(){
$(this).find("span#tooltip").stop().fadeIn(300);
}, function(){
$(this).find("span#tooltip").stop().fadeOut(300);
});
span#tooltip绝对位于可悬停链接的下方，因此当用户将鼠
浏览 0提问于2013-01-11得票数 1
1回答
我已经创建了一个导航栏，无论你的房子是否悬停在栏上，它都可以上下滑动。
问题是当你的鼠标处于特定位置时，导航栏中的<a>元素会闪烁和移动，有人能解释一下为什么会发生这种情况，错误是什么，以及可能的解决方案。
谢谢，拉克伦。
浏览 0提问于2016-05-15得票数 0
页面布局: 960px宽，居中。然而，导航栏是100%宽的，导航栏中的链接以960px居中。导航栏的背景为#333333。我希望单词之间的间距为20px。当我将鼠标放在链接上时，我希望背景颜色突出显示左侧的10px和右侧的10px的文本，这样看起来就很漂亮。每当我将鼠标悬停在上面时，它都会增加额外的间距。当我将它从a:hover中删除时，背景会去掉单词前后的任何填充。任何帮助都将不胜感激！
HTML
<div class="navbar">
<div class="navbar_menu">
<ul>
浏览 4提问于2014-05-22得票数 0
我试着用foundation.css写一个导航条，但是子菜单没有显示鼠标移动的时间。
问题是，如何在test的中显示子菜单？
我试图改变visibility，display，z-index，left，但是什么都没发生。
浏览 0提问于2015-08-04得票数 0
回答已采纳
我想在一个网站上创建两个相同的导航栏。我想做的是“链接”每个导航栏上的:hover效果，这样当NavBar1上的一个链接悬停时，不仅:hover效果显示在NavBar1上，而且相同的:hover效果应该同时显示在NavBar2上相应的链接上。
通过在CSS中使用相邻的兄弟组合器，我设法让它单向工作，但我的问题是我似乎不能让它反向工作。换句话说，当鼠标悬停在NavBar1中的Link1上时，:hover效果在NavBar1中的Link1和NavBar2中的Link1上显示。但是，当鼠标悬停在NavBar2中的Link1上时，:hover效果仅在NavBar2中的Link1上显示(因为相邻的同级组
浏览 2提问于2013-08-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
