鼠标悬停时显示导航
是一种常见的网页交互效果，它可以提供更好的用户体验和导航功能。当用户将鼠标悬停在网页的导航菜单上时，会出现一个下拉菜单或弹出框，显示与该导航项相关的子菜单或链接。
这种效果可以帮助用户更快速地找到所需的页面或功能，提高网站的易用性和导航效率。同时，鼠标悬停时显示导航也可以增加网站的交互性和美观性，使用户对网站的整体印象更好。
在实现鼠标悬停时显示导航效果时，可以使用HTML、CSS和JavaScript等前端技术。具体实现方式可以通过CSS的:hover伪类选择器来设置鼠标悬停时的样式，或者通过JavaScript监听鼠标事件来动态改变导航菜单的显示状态。
腾讯云提供了一系列与网站开发和部署相关的产品和服务，可以帮助开发者实现鼠标悬停时显示导航效果。其中，推荐使用的产品包括：
- 腾讯云云服务器（CVM）：提供稳定可靠的云服务器实例，用于托管网站和应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供高可用、高可靠的云存储服务，用于存储网站的静态资源文件。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：加速网站内容分发，提供更快的访问速度和更好的用户体验。 产品介绍链接：https://cloud.tencent.com/product/cdn
以上是针对鼠标悬停时显示导航的简要解释和相关腾讯云产品的推荐。如需更详细的信息或其他相关问题，请提供更具体的问答内容。
相关·内容
2回答
当我将鼠标悬停在我的列表上时，它不会显示。对于顶部导航，当我将鼠标悬停在英语上时，它应该会显示更多的语言。
浏览 0提问于2012-06-23得票数 0
回答已采纳
当鼠标悬停在网格视图行上时，我使用以下函数突出显示该行：-
function pageLoad() {
$(document).ready(function() {
$(".Gridview tr").mouseover(function() { $(this).addClass("over"); }).mouseout(function() { $(this).removeClass("over"); });
});
}
这对于没有分页的网格视图工作得很好，但是当网格视图实
浏览 2提问于2012-12-12得票数 0
回答已采纳
我有一个菜单，当我悬停其中一个链接时，div会显示出来。我希望用户能够将鼠标悬停在此div上，但当用户将鼠标悬停在div之外时(我想它被称为鼠标输出)，我希望它隐藏起来。
想象一下css中的一个下拉菜单，用户将鼠标悬停在链接上，然后显示子导航，当用户将鼠标悬停在链接外或远离链接时，子导航消失。如何使用jquery完成此操作？
这就是我所拥有的：
$(document).ready(function(){
//when user hovers over plans the mainnavbottom is shown
$(".plans").hover(
functi
浏览 3提问于2010-06-11得票数 0
回答已采纳
1回答
当我悬停导航时，它会向右移动大约5px。鼠标悬停被设置为字体粗细:粗体。所以我知道这是最大胆的部分，也是问题所在。如果我在导航边距下方加了一个右边距5px的广告，那么在不移动第一个导航链接的情况下，鼠标悬停实际上会变得粗体，但当我将鼠标悬停在其他导航链接上时，问题又开始出现了。
我的悬停css。
#nav ul li a:hover {
border-color:#ccc;
font-weight:bold;
margin-right:35px;
}
我已经创建了一个jsFiddle来显示这个问题。
谢谢
浏览 1提问于2013-03-11得票数 0
回答已采纳
如何通过不是flash对象的其他对象触发flash对象中的动作脚本？例如，我有一个基于flash的导航栏；当我将鼠标悬停在每个导航按钮上时，会在显示窗口中显示一条消息，说明悬停按钮的用途。该消息仅供参考。除非我点击按钮，否则什么都不会发生。
现在，我希望当我将鼠标悬停在网页上的另一个对象上时，在相同的flash消息区中具有相同的消息显示效果。然而，这些不是flash导航栏的一部分。
浏览 1提问于2013-09-27得票数 0
1回答
如何使对象在悬停在图像上时出现
、、、、
我有个问题。我试图在Wordpress中编辑我的代码，但遇到了一个问题。我希望在将鼠标悬停在滑块图像上时显示对象(左/右导航)。请在此处查看网站: pxljar.com/word
因此，基本上，左/右导航箭头应该仅在将鼠标悬停在滑块上的图像上时可见。
感谢所有的帮助。
谢谢。
浏览 2提问于2013-05-16得票数 0
4回答
我有一个导航菜单，比方说Black，它有一个testClass类。
当您将其悬停时，容器本身将显示(滑下)。
问题是，当我鼠标将从菜单鼠标悬停到容器本身时，容器与所显示的导航类相同，容器就会向上滑动(隐藏内容)。
我想要做的是，当我鼠标悬停到黑色时，容器就会出现，当我鼠标悬停到与导航菜单具有相同类的容器时，容器本身将一直显示，直到鼠标离开某个类，即testClass。
希望你们能理解。
这是它的一个。
这是我使用的代码，因为我被要求把代码放在下面
<div class="body">
<ul id="teaTypesMenu">
浏览 3提问于2013-12-06得票数 2
回答已采纳
我已经创建了一个导航菜单，其中菜单项在悬停时显示.6rem实线顶部边框。
我遇到的问题是，鼠标悬停操作会将菜单项向下推。
我已经尝试在父css中添加一个透明的顶端边框，但是没有什么区别。
.site-header .nav-primary {
border-top: .6rem solid transparent;
}
.site-header .nav-primary a:hover {
color: #000;
border-top: .6rem solid #bfdcee;
我希望当我将鼠标悬停在导航列表项上时，.6rem顶部边框会显示出来，而不会将整个主导航向
浏览 0提问于2019-06-19得票数 0
在上，当你将鼠标悬停在导航标题“服务”上时，会出现一个下拉列表。然后，当你将鼠标悬停在导航和鼠标标题“修复”上时，你会看到一个二级菜单出现。
我想将第二个黄色的子菜单向上移动，使其与其父菜单“修复”对齐。
现在，我可以通过将top: 0；和have top：-40px添加到ID property: nav li ul li ul来做到这一点。但是，将top:0和/或任何页边距添加到nav li ul li ul会导致二级黄色子导航始终显示，而不是仅在悬停时显示。
有什么建议吗？
浏览 1提问于2011-01-13得票数 0
当我将鼠标悬停在导航栏中的导航图标上时，我希望它只是展开并显示该图标所指的内容。 ? 例如，如果我将鼠标悬停在Facebook图标上，它应该会在另一个导航按钮中显示"Facebook Page“的描述，一旦我将鼠标移开，它就会消失。 我是个新手，如果能帮上忙我会很感激。 当前CSS： .showfacebook {
display: none;
}
.showbook {
display: none;
}
.showpen {
display: none;
}
.showusergraduate {
display: none;
}
.showus
浏览 22提问于2021-11-11得票数 1
我有一个水平菜单，它使用跨度来显示其正下方的水平子导航。当您将鼠标悬停在菜单中的列表项上时，子导航将显示相应列表项的一组链接。
问题是，当我将鼠标悬停在列表项上，然后将光标向下移动到子导航，列表项将恢复为其默认颜色，但列表项仍处于悬停状态。
如何才能阻止文本恢复为其默认颜色？我是不是在CSS中遗漏了什么，或者这是不是必须在JavaScript中完成。
下面是示例：
浏览 0提问于2011-11-18得票数 1
回答已采纳
1回答
导航下拉图像-子导航
、、、
在，当你将鼠标悬停在“服务”标签上时，你会看到一个蓝色的下拉列表，以及一个黄色的导航下拉列表。黄色的子导航下拉列表应该不会显示，因为它需要隐藏，直到用户将鼠标悬停在其父“Repair”上。
有没有人知道要在代码中添加什么才能获得这种效果，或者已经构建了类似的东西？
浏览 0提问于2011-01-12得票数 0
回答已采纳
2回答
这是我可能(也是希望)的简单问题：
我有一个以图片作为导航的列表。当你将鼠标悬停在它们上面时，jquery会以动画形式显示一个带有标题的div。它会在鼠标移出时消失。(工作正常)
当您单击图像时，标题div会进一步显示动画，并完全覆盖图像(效果很好)。将鼠标悬停在导航中的另一个图像上时，标题div也会显示动画(效果很好)。
问题:当单击第二个导航图像时，第一个导航图像(单击)的动画应该消失。
下面是jquery：
var thumbslide = $('.boxgrid.captionfull').click(function() {
$(this).toggleClas
浏览 0提问于2010-11-09得票数 0
回答已采纳
我有一个导航栏，当我将鼠标悬停在导航栏上时，它会显示下拉菜单 <li>
<Link
to='/'
className='nav-links'
onClick={() => setClick(false)}
onMouseEnter={() => setDropdown(true)}
onMouseLeave={() => setDropdown(false)}
>
浏览 54提问于2020-08-05得票数 0
2回答
当用户使用css将鼠标悬停在我的导航菜单“联系人”列表项上时，我希望显示我的联系人表单。
因此，我希望有一个解决方案，解释如何使用css悬停在"A“(菜单项)上以显示与"A”(内容)对应的内容，或者如果您将鼠标悬停在B上，它将显示B，依此类推。
浏览 1提问于2013-05-11得票数 0
我有一个水平导航栏，它是一个带有锚标签的无序列表。它目前使用jQuery的鼠标悬停(mouseover和mouseout)在每个LI中显示下拉导航。
我如何才能让它不是在鼠标悬停在LI上时触发下拉列表，而是在鼠标悬停在锚点标记上时触发？当我将其更改为锚点时，下拉菜单总是在鼠标移到其上方时消失，但当我将LI设置为hover()的目标时，它工作得很好(我猜是因为所有下拉代码都包装在LI中，所以光标仍然悬停在LI上)。
由于设计的原因，我需要这样设置它，所以没有任何方法可以改变它。我只需要从锚点而不是LI触发hover()。
浏览 3提问于2011-08-09得票数 0
回答已采纳
1回答
我使用的导航是这样的：
<div id="navigation">
<ul>
<li>One
<ul>
<li>One1</li>
<li>One2</li>
<li>One3</li>
<li>One4</li>
</ul>
</li>
<li>Tw
浏览 0提问于2014-02-18得票数 0
回答已采纳
6回答
有没有办法将鼠标悬停在已经隐藏的元素上。我正在尝试模仿Steam在主页上的箭头导航功能。您会注意到，当您第一次到达页面时，没有显示箭头：
然后，当您将鼠标悬停在应该有箭头的区域上时，它会自动显示出来：
我已经尝试将包含箭头图像的div设置为display: none，也尝试了visibility: hidden，但似乎都不能使用jQuery中的悬停或鼠标悬停方法。我本以为visibility: hidden会让它工作，但事实似乎并非如此。有没有其他方法可以从一开始就隐藏这些div，但仍然可以让鼠标悬停事件在它们上面工作？
浏览 0提问于2011-12-22得票数 24
回答已采纳
在我的网站上，我得到了一个包含许多元素的导航。导航是可滚动的，如果你将鼠标悬停在一个元素上，它会被高亮显示。
问题:如果我用我的iPad访问我的网站，当我在导航中滚动时，我拖动的元素会显示它的悬停效果并被突出显示。我不希望这种情况发生，对于这个问题有什么好的解决方案？
提前感谢！！
浏览 34提问于2018-07-25得票数 0
在jQuery中是否有某种或语句？我用过
$(document).ready(function() {
$("#navi-button , #navigation").mouseleave(function() {
$("#navigation").fadeOut(1000);
});
});
但它不能很好地工作，我认为or语句会做得更好。
它应该通过将鼠标悬停在按钮上来显示导航菜单。
每次我将鼠标悬停在它上面时，它都会开始，然后结束，然后再次开始。
浏览 0提问于2016-05-26得票数 1
2回答
我有一个导航菜单，显示它在悬停状态下的导航状态。问题是当我将鼠标悬停在潜航器上时，潜航器就消失了。
如果我移除潜航器的z-index，它修复了悬停问题，但现在潜航器在主导航器上方。
我如何解决这个问题，使subnav低于主导航，并能够悬停。
示例
浏览 0提问于2019-07-19得票数 0
1回答
我的QA正在使用HP QuickTest专业版测试我们的asp.net网站，但他们的菜单有问题。使用Object Spy时，每个导航组都会偏离中心，当鼠标悬停在导航菜单项上时，它会在每个导航项目上的项目上方显示该框，最后几个导航组会选择整个DIV标记。
这在DevExpress导航控制和信息系统中都会发生。
其他人也有这个问题吗？或者知道解决这个问题的方法？
浏览 1提问于2011-07-14得票数 1
1回答
导航和内容重叠的问题
、、、、
提前谢谢。
我有一个导航栏，当你将鼠标悬停在导航栏上时，它会滑出，与页面其余部分的内容重叠。这在大多数情况下都很好用，但当我将flash或jquery元素放在屏幕上时，这些元素会显示在导航上。
我知道解决这个问题的一种方法是将导航栏html放在其他导航栏的下面，但另一种方法会更好。
浏览 0提问于2011-11-27得票数 0
回答已采纳
我有一个wpf数据网格。我已经添加了样式来在一行上显示鼠标悬停颜色。
我试图实现的是，当鼠标悬停出现时，用户开始使用箭头键上下导航，鼠标悬停需要消失，只有用户使用箭头键到达的那一行是突出显示的那一行。
问题是，当用户使用箭头键导航时，鼠标光标一直留在网格上，光标下的行将突出显示，以及使用箭头转到的行。
下面是我的示例xmal：
<DataGrid AutoGenerateColumns="True" Height="277" HorizontalAlignment="Left" Margin="0,311,0,0" Name
浏览 0提问于2011-09-28得票数 0
回答已采纳
1回答
我做了一个简单的下拉导航，当你将鼠标悬停在链接上时，它会展开。
当鼠标悬停在链接上时，绝对定位的div将展开，显示子导航。我的问题是，当鼠标离开导航区域时，这个div不会自动折叠，这就是我需要发生的事情。
我已经向导航中的其他链接添加了onMouseover命令，这些命令在激活时将折叠div，但我真正需要的功能是，当鼠标离开div区域时，下拉div会折叠。
我非常感谢在这方面的任何帮助。
-编辑
感谢你的帮助@Tuanderful。我以一种不优雅(但有效)的方式解决了这个问题。
我只是将onmouseover事件与关闭触发器添加到紧靠导航下方和上方的div中。这样，当用户的光标离开下拉导航时，
浏览 1提问于2011-06-08得票数 0
回答已采纳
2回答
好的，我的页面上有两个下拉菜单:导航和链接。链接正常工作，但是当我试图将鼠标悬停在它上面时，导航消失了。我不知道为什么，所以我就问了。为什么当我将鼠标悬停在导航菜单上时，它会消失，我该如何修复它？
浏览 1提问于2011-08-13得票数 1
回答已采纳
1回答
我正在创建一个网站，上面有一个导航条，当我将鼠标悬停在一个导航项目上时，一个子导航会下降，但现在我的导航项目上有一个javascript / ajax函数，当我点击导航项时，它会显示我的子目录中的另一个html页面，如下所示：
<a href="javascript:ajaxpage('home_nav.html',%20'subnav');">Home</a>
当我只在链接上悬停时，是否有可能使'href‘部分中的函数也工作？所以当我悬停一个导航项目时，包含html子导航的子导航就会下降。
浏览 3提问于2015-10-06得票数 0
回答已采纳
我想要在主导航菜单中显示所有类别及其子类别。当我将鼠标悬停在cateory上时，它应该显示子类别。我想在foreach循环中不加载Mage：：getModel(‘implement /category’)来实现这个功能。
浏览 0提问于2017-05-14得票数 0
1回答
突出显示代码中的TGrid行
、、、、
我有一个定制的TGrid控件，所以当鼠标悬停在一行上时，该行将被高亮显示。如果我使用箭头键导航网格，将自动突出显示行。但是，我不知道如何用鼠标复制导航效果。
目前，我有一个MouseMove函数，它可以检测鼠标悬停在网格的哪一行。
void __fastcall TFmSearchBar::GridMouseMove(TObject *Sender, TShiftState Shift, float X, float Y)
{
int rowSelected = FGrid->RowByPoint(X, Y);
if(rowSelected >= FGrid-&g
浏览 4提问于2015-06-08得票数 0
回答已采纳
由于某些原因，当鼠标悬停或使用上下箭头导航时，selectInput()不再突出显示选项。如何重新启用此行为？
这是我所看到的：
这是我期望看到的：
浏览 22提问于2021-06-09得票数 0
回答已采纳
1回答
有没有一种方法可以让从悬停状态切换到悬停状态时，每个状态都触发相同的动画，而不会出现毛刺？
查看我的并将鼠标悬停在导航中的“新闻”上，它将显示动画，但如果您在动画中将鼠标悬停在“关于我们”上，则它会出现故障。
最终，我希望它能像一样工作。
浏览 0提问于2012-11-16得票数 0
我有个有潜航器的导航系统。当用户将鼠标悬停在导航中的li上时，我会显示相应li的subnav。我遇到了一个问题，将鼠标从导航移动到subnav会触发鼠标输出。我在想，我需要实现一个超时，但不确定从哪里开始，无法让它工作。请看下面的js小提琴...
浏览 2提问于2012-04-01得票数 0
回答已采纳
2回答
我正在开发一个简单的导航栏，它使用可见性属性在鼠标悬停时显示一个下拉菜单。但当我悬停时，该条件不会生效。这背后的逻辑是什么？
浏览 1提问于2012-07-07得票数 1
回答已采纳
2回答
CSS导航子菜单和分隔符
、、、
我已经创建了一个以CSS为中心的导航栏。每个li项由一个边框分隔，边框是背景图像。当鼠标悬停在导航项目上时，分隔符消失了，因为鼠标悬停改变了背景(我猜)，但我想知道如何解决这个问题，填充或边距不能工作，因为它只会移动li元素。
第二个问题是子菜单项显示不正确，我不知道为什么……
演示：
代码：
我试着让它工作近一周，我已经厌倦了，所以我在这里寻找支持。
浏览 0提问于2012-09-15得票数 0
回答已采纳
1回答
我正在创建一个模板，并在调整标题时遇到问题。一切几乎都完成了，但是标题显示了问题所在。问题是，当一个鼠标悬停在菜单上时，它显示所有的东西都工作得很好，但是一个鼠标悬停任何有下拉菜单的导航项目，那么它就会减少下一个项目的字体大小。
我也尝试过创建一个新的标题，但是只有在有下拉菜单时才会遇到同样的问题。
您可以在上检查代码
浏览 4提问于2019-11-04得票数 0
回答已采纳
1回答
我正尝试用CSS实现一个多级的下拉导航菜单，但有一个小部分我似乎无法正常工作。
应该发生的情况是：
1)当鼠标悬停在菜单项上时，应使用不同的图像突出显示该菜单项(这很好用)。2)当鼠标悬停在子菜单项上时，父菜单项应突出显示。
Point2可以很好地工作，直到我在父菜单项上有一个类.bottom (这个类用于图像的细微差别)。如果父菜单项具有.bottom类，则不会发生高亮显示。
可以在此处查看演示：
演示显示，当鼠标悬停在Menu 1> Sub Menu 3> Sub Sub Menu X上时，Sub Menu 3高亮显示。但是，将鼠标悬停在菜单2>子菜单3>子菜单X上
浏览 3提问于2011-10-30得票数 2
回答已采纳
我有一个选择下拉列表，其中一个是引导导航下拉列表，而不是单击以打开引导导航下拉列表。我将其更改为鼠标悬停，但当选择下拉列表处于打开状态且鼠标悬停在引导导航下拉列表上时，它位于选择下拉列表的后面
浏览 2提问于2018-11-16得票数 0
1回答
我有一个带有悬停下拉菜单的导航栏。就在它的底部，我有一个相对定位的文本。当鼠标悬停在导航栏上触发时，下拉菜单会向下显示，但文本仍然显示在下拉菜单上方，而不是隐藏相对文本。
我知道我可以在悬停时用jquery触发一个hide()，但是有没有一种纯CSS的方法呢？
浏览 1提问于2012-12-11得票数 0
回答已采纳
2回答
我的网站：是一个游戏网站。
但当你将鼠标悬停在顶部的导航菜单上时，第一次鼠标悬停时，会出现一个白色框，然后消失。我所有的导航CSS代码都是正确的，至少我希望如此。
浏览 0提问于2011-11-24得票数 0
在上，当我将鼠标悬停在导航栏中的菜单项上时，我会尝试对子菜单实现fadeInUp效果；当鼠标悬停在菜单项上时，我会尝试实现fadeOutDown效果(就像在上一样)。我已经设置了动画，我写了一些Javascript，让我更接近我想要的结果，但它背后的逻辑是错误的，所以它都是错误的。这是我当前的Javascript代码：
$(document).ready(function () {
$('ul.elementor-nav-menu li.menu-item a').hover(
function () {
$('ul.sub-menu
浏览 0提问于2020-12-30得票数 0
3回答
我有一个问题，当你将鼠标悬停在导航栏上的项目上时，它会将它更改为我设置的.active类的颜色，只有当它在该页面上时才会显示为红色。
这是当你将鼠标悬停在其他导航栏项目上时的样子，如果你不将鼠标悬停在任何其他项目上，它就不会这样做。但是悬停的颜色是蓝色而不是红色。
这是当你将鼠标悬停在一个项目上时的样子，如果你将鼠标悬停在另一个项目上，它会将其更改为红色，并将当前悬停在蓝色上的项目更改为红色。
下面是让.active类变红的CSS：
li .active{
background: red;
color:#000;
}
这是使鼠标悬停变为蓝色的CSS
.nav > li
浏览 0提问于2018-03-07得票数 1
我正在做一个使用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
2回答
我已经在我的页面顶部有一个导航菜单，但现在当我将鼠标悬停在这些选项中的一个上时，我正在尝试展开一个子菜单。我的第一个想法是在代码中设置一个"div“部分，如下所示
<div id= "expanded_menu"> <!-- sub menu option --> </div>
然后根据它的导航选项是否被悬停在上面来显示/隐藏它，但后来我意识到，一旦我把鼠标从相应的导航菜单按钮上移开，子菜单就会消失。有没有人知道一种方法，可以将鼠标悬停在一个选项上，弹出一个菜单，然后能够访问子菜单而不会消失？
浏览 1提问于2012-02-19得票数 0
我有一个Zurb基金会的问题，在那里悬停在顶部导航栏链接上，默认情况下会突出显示黑色菜单。
这在使用默认菜单颜色#111时很好，但在使用其他颜色时就有问题。
我想要做的是防止任何高亮显示。当鼠标悬停在菜单上时，我不希望颜色发生任何变化。
在过去的几天里，我已经研究了这个问题，并尝试了许多文件中的更改，但都没有效果。
我是编程新手，任何帮助都将非常受欢迎。
为了举例说明我所描述的，这里有一个链接，指向Heroku部署的一个应用程序，我很快就把它介绍给了我的妹夫Rails，以便他可以考虑学习它：
当您将鼠标悬停在顶部导航栏的菜单项上时，Heroku部署说明了我所描述的内容。
以下是github存
浏览 0提问于2013-06-30得票数 4
回答已采纳
如何才能使其在我将鼠标悬停在时间线项目上并导航到下拉菜单时，mouseleave事件不会触发，而菜单将继续显示。只有当同时离开菜单和时间线项目时，我才希望菜单不显示。
mouseenter和mouseleave事件设置为：
$(".trek_timeline_day .activity_link")
浏览 2提问于2013-05-30得票数 3
2回答
顶部导航是常见的方式，但全宽顶部导航很少见。将鼠标悬停在子菜单上时，子菜单将以标准宽度打开，从其父菜单开始或结束于其父菜单位置。
我在网上搜索了很多次，但没有一个很好的例子可以在全宽度导航中显示块和列表中的子菜单，作为代码示例。这是一个坏主意，还是没有好的例子？
示例：
浏览 1提问于2013-06-15得票数 0
回答已采纳
1回答
我的网页导航栏上有一个ul列表，内容如下：
<ul id="nav">
<li><a href="index.htm" title="Home">Home</a></li>
<li><a href="project.htm" title="Project">Project</a></li>
<li><a href="sample.htm" title="Sample&
浏览 2提问于2012-07-21得票数 0
回答已采纳
2回答
正如您在这里看到的；，当鼠标悬停在主导航中的“新增内容”或“附件”上时，tooltip样式的子导航下拉菜单完美地居中。但是，当您将鼠标悬停在“服装”上时，它不会居中。
我试过重新定位，但是在不破坏其他两个的情况下，它对导航“衣服”不起作用。
有没有更好的解决方案或解决办法？
谢谢!
浏览 0提问于2012-07-01得票数 0
回答已采纳
我正在使用一个固定宽度，居中，2列的布局(侧栏和内容)，我的网站的主导航在侧栏。当用户将鼠标悬停在导航中的特定链接上或当前正在查看该特定页面时，我希望有一个悬停/突出显示的阶段，其中导航链接的背景色一直运行到浏览器的边缘。
例如，我布局的侧边栏是200px宽，在左边。我的内容栏有700px宽，在侧边栏的右边。我有一个"wrapper“div，它同时将侧边栏和内容div设置为900px宽，并以”wide :0 auto“居中。如果用户将鼠标悬停在导航中的链接上，我希望该链接的背景颜色不仅位于链接后面，而且还会继续到浏览器窗口的左边缘，无论用户将浏览器窗口设置为多宽。
布局示例如下：
浏览 0提问于2012-08-06得票数 0
3回答
我用CSS创建了一些圆角的导航标签，在实现hover时遇到了麻烦。
首先，这是一个指向网站的链接，因为它很难解释。请将鼠标悬停在选项卡的左侧以了解我的问题。我已经在下面解释过了。
我有一个在#navigation li项目上设置的背景图像，这个图像包含左边的角，然后我有第二个背景图像(右角)，这是使用#navigation a设置的。
然而，当我将鼠标悬停在选项卡的左侧时，只显示了一小段背景，我猜这是因为只有li区域悬停在上面。显然，我希望整个选项卡突出显示，当您将鼠标悬停在其上时，它会突出显示。
这很难解释，所以如果您需要进一步询问我以了解问题，请联系我。
浏览 9提问于2008-12-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
