无法通过CSS下拉导航来查看内容
你的问题是关于如何通过CSS下拉导航来查看内容，但实际上这个问题似乎与云计算领域没有直接关系。CSS下拉导航是一种网页设计技术，通常用于创建多级菜单，而查看内容则涉及到网页加载和渲染的问题。因此，这个问题可能需要更多的背景信息和上下文才能给出准确的答案。
如果你是在寻找云计算领域的答案，可以提供更多关于你问题的详细信息，以便我能更好地理解你的需求，并为你提供更有针对性的答案。
相关·内容
4回答
我有一个php文档，并且正在使用include来包含我的下拉导航。导航是一个带有外部js和css元素的外部html。
守则是：
<div id="nagivation">
<?php include ("navigation.html");?>
</div>
<!--end #navigation!-->
不幸的是，我的下拉列表在它的html页面中工作得很好，但是一旦进入我的主页，所有的悬停都无法工作。
在我的navigation.html中，我包括：
<script type="te
浏览 0提问于2010-09-02得票数 1
我有一个顶部导航条，当向下滚动页面需要做一些css更改的导航栏。
因此，我在共享的window.addEventListener中使用header.component.ts来检测滚动事件。但是，如果在其他组件中有下拉字段，滚动条也将触发导航条css函数的更改。
如何限制下拉字段不触发navbar css函数？
header.component.ts
ngOnInit() {
window.addEventListener('scroll', this.scroll, true);
}
scroll = (event: any): void => {
浏览 2提问于2020-05-11得票数 0
回答已采纳
我在Boostrap 3中工作，下拉菜单不工作。或者，只有当我将jquery文件放在页面底部的bootrsrap.js上时，它才能工作。问题是，当我这样做时，我的其余scipt文件无法工作，我得到了一个路点和一个自定义的路点。我资助了一种手动触发下拉的方法，但当下拉选项卡滑下时，折叠的导航栏不会向下展开。有人能帮帮我吗？
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<sc
浏览 0提问于2014-11-15得票数 0
我正在为Buddypress的默认主题开发一个子主题。我已经定制了很多导航栏的外观，现在我正在尝试让下拉菜单工作。它们在默认主题中工作得很好。在默认主题中，一个类被添加到导航栏中悬停在.sfhover上的列表项中，并且这个div类具有CSS 'position:relative;z-index:1000‘。下拉菜单应该位于其顶部的#container div有CSS 'position:relative‘并且没有设置z索引。这可能意味着z-index是默认值0。最后，包含导航栏的#header div包含CSS 'position:relative;z-index:10
浏览 4提问于2012-06-23得票数 0
回答已采纳
1回答
这是我的templatetag文件：
@register.inclusion_tag("site/nav_bar.html")
def nav_bar():
nav_bar = Page.objects.filter(navbar=True, parent=Page.objects.filter(slug="home"),).exclude(slug="home",).order_by('order')[:20]
return {
"nav_bar": nav_bar
}
浏览 0提问于2014-06-28得票数 1
我有一个导航栏，这是水平的，我需要添加更多的链接到它的项目之一，但行为像一个下拉列表时，我的鼠标悬停，我在css，html中的新，所以请帮助我与它，以下是当前的代码：
<ul>
<li
>@Html.ActionLink("ANALYSIS", "Powercurve", "PowerCurve", new { }, new { @class = "navItem" })
</li&
浏览 12提问于2018-02-06得票数 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
回答已采纳
1回答
两行下拉菜单
、、、
嗨，我在创建一个带有下拉菜单的导航栏时遇到了一些麻烦，我只需要一行中的所有信息，但我的菜单名称和箭头不在同一行上。
创建一个CSS元素：.dropdown-toggle::after{display: inline-block;}
我的导航栏是这样的：
我尝试了我在Bootstrap网站上找到的大多数下拉/导航栏的例子，但每次我都有两行显示的结果。我如何解决这个问题，使我的标签和箭头在同一行？
浏览 1提问于2020-04-15得票数 0
我正在使用Bootstrap css的导航栏，它来了非常好。但是宽度看起来很大，我想要减小它(也要确保它在其他视口中也能得到同样的缩小/调整)，并减小导航栏下拉菜单下的选项面板/文本大小。
我使用了下面的css类
导航条导航条-默认导航条-固定-顶部导航条-反向
导航栏是黑色的(给人惊喜的效果)和一些需要的东西，但下拉菜单下的所有选项都是白色的。如何将这个白色背景变成黑色？有没有已经准备好的引导程序类？
如果navbar-inverse可以使顶部导航栏变为黑色，那么一定有一些类可以为相同导航栏下的下拉面板选项提供相同的效果
我希望在这一点上避免自定义css来实现这一点。
谢谢，法拉兹
浏览 2提问于2014-04-27得票数 0
4回答
我使用纯CSS导航已经有几年了，最近我们开始在我工作的公司建立一些移动网站。我真的很想继续使用纯CSS，注意依赖于jQuery，但在移动网站上，下拉菜单不能正常工作。
在CSS3中有没有类似于jQuery的.click();事件？基本上，当用户单击导航链接时，我希望下拉菜单打开并保持打开状态。我试着到处找，但似乎什么也找不到。
浏览 2提问于2013-06-20得票数 0
回答已采纳
2回答
我正在使用p-下拉，并在两个不同的页面中对p下拉面板应用了最小宽度。
在page1 css中
.p-dropdown panel {
min-width: 35% !important;
}
在page2 css中
.p-dropdown panel {
min-width: 20% !important;
}
当我在打开page2后打开page1，那么p下拉面板的page1 css就会被应用.
浏览 5提问于2022-01-06得票数 1
1回答
我做了一个简单的下拉导航，当你将鼠标悬停在链接上时，它会展开。
当鼠标悬停在链接上时，绝对定位的div将展开，显示子导航。我的问题是，当鼠标离开导航区域时，这个div不会自动折叠，这就是我需要发生的事情。
我已经向导航中的其他链接添加了onMouseover命令，这些命令在激活时将折叠div，但我真正需要的功能是，当鼠标离开div区域时，下拉div会折叠。
我非常感谢在这方面的任何帮助。
-编辑
感谢你的帮助@Tuanderful。我以一种不优雅(但有效)的方式解决了这个问题。
我只是将onmouseover事件与关闭触发器添加到紧靠导航下方和上方的div中。这样，当用户的光标离开下拉导航时，
浏览 1提问于2011-06-08得票数 0
回答已采纳
3回答
将ul显示为下拉列表
、、、
是否有可能与纯css或真正简单的方式来转移导航菜单作为下拉列表时，身体宽度小于给定(媒体css) (手机等)
<nav>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Archives</a></li
浏览 1提问于2012-10-05得票数 0
我现在有一个下拉菜单。它包含几个li，如果它有一个下拉列表，则此li包含一个ul，还包含一个或多个li。
对于这个问题来说，重要的部分是这样的。
li ul {
display: none;
}
li:hover > ul {
display: block;
}
这可以很好地处理悬停。然而，我正在尝试让我的网站在没有鼠标的情况下完全可导航。在没有鼠标的情况下导航菜单的方式是使用TAB键，但是，我似乎无法显示下拉菜单。
我试着使用:hover，:active和:focus，这是我能想到的唯一3个选项。
有没有办法用纯CSS做到这一点？如果没有，最快的方法(页面加载时间)是
浏览 27提问于2018-01-28得票数 0
1回答
似乎找不到问题所在。一个简单的css下拉菜单，但是在safari中，下拉菜单是向下拉的，但是一旦你试图将鼠标放在下拉的元素上，它就会消失--只有当你在下拉的元素上移动鼠标时，它才不会隐藏。
将鼠标悬停在"DER CHOR“上，并尝试使用safari对子元素进行导航。我看不出有什么问题。任何有用的帮助...
谢谢，马克
浏览 9提问于2013-02-11得票数 0
回答已采纳
1回答
好了，当涉及到PHP和MySQL编程时，我是一个相当初级的人，所以问题可能很小，但不管怎样，这就是我的情况。我有一个带有下拉菜单的内容页面，它应该给我一个$_POST值(选项取自数据库列)：
<link href="../css/pagestyle.css" rel="stylesheet" type="text/css" />
<?php
include("../panel/config.php");
$db = mysqli_connect($server, $username, $pass
浏览 3提问于2013-06-12得票数 0
1回答
我的网站的导航下拉菜单隐藏在我的首页的特色后滑块。我尝试过更改导航li、ul等的z索引值，但似乎无法让它工作。我已经向导航所依赖的每个css元素添加了一个z索引，但它仍然在滑块下面。
会很感激你的帮助。
网站： (事件下拉)
谢谢。
浏览 7提问于2014-02-03得票数 0
回答已采纳
我正在制作一个CSS下拉导航，但我无法让下拉菜单显示在导航div下的div中的内容之上。我如何做到这一点，而不是绝对地定位div和指定z-index？你可以在这里看到我的例子：
浏览 0提问于2012-06-04得票数 2
回答已采纳
我一直在查看可用的响应式下拉菜单/导航栏，但似乎什么都不能正常工作。我主要需要一个基于CSS的菜单，不依赖于JavaScript黑客。
为什么不使用JS？基于JS的解决方案无法在Opera Mini这样的代理浏览器上工作，我们的大多数用户都在使用它，而且Blackberry浏览器在JS上的表现也不是很好。
很多人提倡在移动导航中使用选择菜单。这是一个有趣的解决方案，但这同样依赖于JS，并且对于嵌套的多级菜单来说非常繁琐。
那么，你遇到过哪些可能对你有用的导航系统呢？
浏览 2提问于2012-09-26得票数 9
我试图将一个下拉列表(通过HTML )插入到我拥有的每个post中。
我想把它添加在帖子信息之前，但在网站导航下面。栏和头。
在截图中，你会注意到它被添加到最上面。我要把它移到指定的地方。
📷
所以，你可以看到“选择一篇文章”和下拉在顶部。我希望在内容之前插入它们(其中是
)。
当前代码：
add_action('wp_head', 'append_header');
function append_header(){
//Close PHP tags
?>
'post',
&#
浏览 0提问于2018-10-18得票数 0
我无法在api管理开发人员门户中使用下拉菜单。关于这方面的文档很少，但我从github的问题中看到，它应该能够像在this link中那样在顶部菜单栏中有一个下拉菜单 我自己拿不到这个。我已经在导航菜单中创建了具有子页面的页面，并且我尝试将带有根导航项目的菜单小部件添加到顶部栏中，但在编辑菜单以选择要下拉的列表时没有任何选项。 如何获取下拉菜单？ 没有“子菜单”或“带下拉菜单”的小部件，我找到的其他下拉小部件只有"List of API ( dropdown )“和"List of products (dropdown)”。
浏览 16提问于2021-11-02得票数 0
回答已采纳
2回答
下拉Hover CSS
、、、、
有人能帮我修复这个网站有的下拉菜单吗？
到目前为止，我有这个； (Hover“新闻”)
我不知道的是，当我在"News" -> "Apple"上盘旋时，应该会有一些图片的消息，如果我在"Microsoft"上盘旋，它们就会发生变化，等等。
这可以通过CSS或HTML实现吗？
要下载源文件，只需转到并单击导航栏中的download。
有人能帮我吗？:) (对不起我的英语不好.)
浏览 5提问于2015-03-12得票数 0
回答已采纳
1回答
我希望在我的导航布局中实现类似于下图的类似结构，并列出可供选择的选项列表。
现在，我在导航布局中有一个具有下拉列表的可扩展列表视图，如下所示：
我的问题是
第一个幻灯片菜单调用什么，以便我可以做我的研究和实现菜单。提前谢谢你。
浏览 2提问于2020-02-27得票数 0
我使用javascript来切换下拉导航菜单。我在想，对于那些禁用js的用户，导航就不会出现了。所以我打算用noscript标签标记导航内容。谷歌会把这看作是重复的内容吗？代码的简单示例：
HTML
<img id="menuicon" onclick="toggle_visibility('nav');" src="someurl" width="32" height="32" />
<ul id="nav">
<li><a href=&
浏览 0提问于2016-04-17得票数 2
2回答
我有一个带有CSS下拉导航菜单的网页。我的问题是，当我将鼠标悬停在菜单顶部以显示下拉菜单时，页面中的其他所有内容都会移动，以便为下拉菜单腾出空间，而不是让下拉列表移动到其他所有内容上。我的导航链接在一个id为"header“的div元素中，该元素的CSS如下所示：
#header {
width: 100%;
z-index: 100;
position: relative;
}
页面中正在移动的元素都不在页眉内，也没有指定z索引。有人能告诉我我哪里做错了吗？
浏览 4提问于2011-07-16得票数 0
回答已采纳
我在页面顶部的固定导航栏中使用twitter bootstrap下拉菜单。
这一切都很好，但我有下拉菜单项显示在其他页面元素后面，而不是在他们前面的问题。
如果页面上有任何带有position: relative的东西(比如jquery ui accordion或google图表)，那么下拉菜单就会显示在它后面。尝试更改dd菜单和导航栏的z-index，但没有任何不同。
让菜单位于其他内容之上的唯一方法是将内容更改为position: fixed;或z-index: -1; -but，这两种解决方案都会导致其他问题。
感谢你能给我的任何帮助。
我认为这可能是我误解的CSS定位的一些标准问题，所
浏览 1提问于2012-12-17得票数 59
1回答
我有一个布局页面，其中有一个下拉框。我创建了3个视图来使用这个布局。在下拉列表中选择的值将在创建的所有3个视图中使用。我在布局中有用于导航的actionlink。以下是我想要达到的目标
当我从一个视图导航到另一个视图时，避免重新加载整个页面(布局)，因为我希望保持选中的下拉值。
如何实现这一点?当我通过单击操作链接从一个页面导航到另一个页面时，只有视图的内容才会发生更改。所选下拉列表的值必须始终保持不变，除非用户更改。
@model Company.Domain.Classes.Companyviewmodel
<!DOCTYPE html&g
浏览 0提问于2016-05-14得票数 1
回答已采纳
3回答
禁用移动jQuery下拉列表
、、、、
我的网站上有我用CSS制作的导航下拉列表，但是最近我把它改成了jQuery，所以它是动画的。当它是CSS时，我能够在最小的断点上禁用移动的下拉式。但是对于jQuery，我不知道该怎么做。这是我的下拉代码。当视口变得足够小时，我能对它做些什么来禁用它呢？
$(document).ready(function() {
$('.nav > li').mouseenter(function() {
$(this).children('.nav-content').slideDown(200);
});
$('.na
浏览 4提问于2016-02-29得票数 1
回答已采纳
3回答
Kentico导航菜单
、、、、
我在Kentico 7工作，我需要在一个新的“下拉菜单”中应用某种类型的CSS样式。母版页显示其导航菜单的某种CSS样式，但是导航菜单由中继器(web部件)组成。这造成了一个问题，因为我现在不得不给我的导航菜单增加一些中继器不允许的复杂性。我能够通过添加“下拉菜单”webpart来获得所需的导航菜单特性，但是CSS样式在使用中继器时看起来并不像以前那样。如何找到在中继器上使用的CSS并将其应用到“下拉菜单”？谢谢！
浏览 1提问于2017-09-05得票数 0
回答已采纳
启动下拉菜单时出现问题
我试着看看是否可以使用CSS的位置或文本对齐属性。
<code>A0</code>
<code>A1</code>
在导航栏中，下拉菜单是横向打开的，位于下拉按钮的左侧，而不是向下。怎样才能让它往下走？
浏览 28提问于2019-08-20得票数 0
我已经摆弄我的下拉导航菜单的css位置有一段时间了，似乎不能让它停留在它应该停留的地方。
我的菜单示例可以在这里找到：
下拉列表区域的CSS为
.rscss-horizontal_nav ul li ul {
margin: 0 0 0 0;
padding: 5px 0 0 0;
}
当页面根本没有向下滚动时，下拉菜单就可以了。但是，当您向下滚动一点时，菜单不会向上移动以停留在顶层导航项。
我似乎找不到导致这种情况的原因，并尝试了下拉菜单的不同位置样式，但仍然没有效果。
有谁有什么想法吗？
浏览 0提问于2013-05-28得票数 1
回答已采纳
1回答
我有一个CSS专用下拉菜单，功能如预期在桌面上。在iPad上的mobile上，当单击顶级导航链接之一时，它的下拉菜单将简短显示，但链接将遵循，将用户带到一个新页面。
我一直在阅读有关这方面的所有资料，似乎默认的行为是，iPad会将第一个点击当作悬停，直到有第二个点击时才会实际跟踪链接。这是因为:hover样式改变了其子菜单的display属性，因此设备不知道在第一个点击时遵循链接。
我在其他站点上看到过这种行为，甚至在我的网站的其他部分也看到了它的正确工作，但是由于某些原因，它在CSS下拉菜单中的行为并不正确。
菜单可以在我的网站上看到。在页面顶部附近有一个水平菜单列出了类别名称。如果您在iP
浏览 5提问于2016-07-28得票数 0
回答已采纳
2回答
我找了又找，都想不出如何减小Bootstrap菜单的下拉大小。我已经尝试修改与Bootstrap CSS中的下拉列表相关的所有内容，但无法进行更改。
我当前的Bootstrap下拉列表：
我想把每件东西之间的间距变小一点。这是我当前的自定义导航CSS：
.navbar-brand,
.navbar-nav li a {
line-height: 100px;
height: 100px;
padding-top: 0;
}
浏览 0提问于2017-07-23得票数 0
我很难弄清楚如何在Sitefinity中使用下拉子页面来设计我的基本垂直导航的样式。我找不到简单的教程或解释来说明我需要针对哪些CSS类来更改我的导航样式，提供的文档非常不清楚，我也没有在论坛中找到太多帮助。到目前为止，我所能找到的就是我需要创建一个main.css文件，我使用该文件来创建一个自定义皮肤，但是我无法直接回答这个特定外观的目标是什么。
如果有任何帮助，我们将非常感谢这个Sitefinity的新手！
浏览 2提问于2013-04-02得票数 0
回答已采纳
1回答
我正在制作一个基本的网站与下拉菜单切换语言。我似乎无法使下拉列表出现在导航div之外，即使在尝试了其他线程中的overflow: visible !important;之后也是如此。相反，我的下拉菜单出现在导航栏中，如下所示：
此示例的代码依赖程序是
解决方案(编辑)：
根据s.kuznetsov的评论，将position: absolute添加到.lang-switch-hidden解决了这个问题。
浏览 3提问于2021-06-26得票数 0
3回答
我对jQuery比较陌生，而且我遇到了一些麻烦。我的任务是重新设计一个网页，并使用jQuery实现某些特性。现在，我正在为我的导航栏中的每个“按钮”创建一个下拉菜单。当我悬停在导航栏中的“按钮”上时，会出现下拉菜单。我的jQuery似乎在工作，但下拉菜单没有显示在网页上.
这是我的代码：
<head>
<title>Team Imperial College: Project Description</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery
浏览 8提问于2017-03-23得票数 0
设备：Android
应用程序：react本地混合应用程序
Appium/Appium检查器版本：版本1.15.1 (1.15.1.20191013.2)
发布：我无法检查拾取器/下拉列表。它根本没有出现在应用程序的源代码中。因此无法找到任何定位器来进行进一步的自动化。
描述
I在手机上打开android应用程序，并导航到一个表单，其中某些细节需要是要填充的内容的filled.One是下拉列表。i单击下拉字段上的箭头--一个新的窗口/弹出窗口出现在原始窗体的顶部，以便显示选择值，该窗口可以滚动以查看各种值。这个新的选择器值窗口/弹出窗口没有出现在appium检查器的应用源代码中，at all&
浏览 1提问于2020-05-12得票数 0
1回答
CSS下拉导航右对齐
、、、、
我刚刚开始学习HTML和CSS，我正在尝试创建一个下拉导航，其中下拉的边缘在右侧与该下拉的导航项目对齐。除了对齐之外，所有这些都工作得很好。 我已经将下拉列表移到了'Home‘导航项目下，这样我就可以看到对齐了。我也看到过一些建议使用right:0和left:auto的页面，我试着把它放在很多地方，它要么什么都不做，要么把整个菜单移到浏览器的右边。 这是jsfiddle：https://jsfiddle.net/StePeters17/qm4Lkevs/36/
浏览 22提问于2019-03-07得票数 2
我想对模板上的单词“下拉”(当您将光标放在上面时出现的灰色/黑匣子)进行悬停效果，并将其放在模板的导航菜单上(来自同一站点)。
我是一个初学者，我尝试了很多东西，但我不能达到同样的效果。我尝试从第一个模板.css复制#nav代码，并将其粘贴到另一个模板css上，但它只是复制文本、字体、颜色，但悬停效果并不存在。
提前谢谢你，为这个愚蠢的问题道歉。
浏览 3提问于2014-03-04得票数 0
回答已采纳
1回答
侧导航杆下垂
、、
我想知道是否有可能在导航栏上创建一个下拉部分，例如:单击“products”之类的选项之一，并使用产品列表进行下拉列表，当您再次单击该列表时，列表将消失。如果可以，如何使用HTML/CSS/JS？
我正在使用ul和li标签，目前在我的网站上的导航栏，我不确定是否有其他方式做它。
任何帮助都会很好！
浏览 4提问于2016-04-13得票数 0
回答已采纳
下面的代码是用于导航栏下拉列表的html代码，请帮助我。
HTML:
<div class="nav-menu" id="myNavmenu">
<a href="index.html">
<img src="../images/logo.png" width="150" alt="Logo">
</a>
浏览 2提问于2021-06-17得票数 0
2回答
这个导航完全按照我想要的方式在正常大小的屏幕上工作。但是在里面..。
@media screen and (max-width: 640px)
{
....
}
我似乎不知道如何让下拉菜单在点击时显示，而不是悬停时显示。我有99%的把握这在CSS中是可能的。我之前看到有人问过这个问题，并得到了回答。但是现在我需要实现它，我再也找不到那个帖子了。
浏览 1提问于2015-06-23得票数 0
我只是玩引导的导航条，并进入了这个设计问题，引导似乎已经有。只需转到这个站点拥有的示例页面：。现在，将窗口调整到更小的宽度，直到肚脐条折叠，然后单击右边的图标，该图标以垂直方式显示导航条元素。现在，点击'dowpdown‘链接，以便它显示一个下拉。保持原样，不要再次单击它，并调整浏览器窗口的大小到前一个完整的宽度。您可能会看到下拉列表位于内容下面并位于溢出: auto类型框中的问题。有什么解决办法吗？
浏览 0提问于2013-12-01得票数 0
回答已采纳
2回答
有没有一个导航下拉菜单，当你将鼠标悬停在一个项目上时，每个下拉菜单都会向下移动？我知道这可能有点忙，但对于这个项目来说，这是必不可少的。它可以使用jQuery，只使用CSS或其他任何东西，只要它能工作。
浏览 0提问于2011-07-01得票数 1
回答已采纳
你好，我有一个ssrs报告，我在我的aspx页面上的报告查看器上显示它。我有一个下拉列表，其中显示了所有活动的学生信息。当我导航到该学生时，我还需要查看非活动学生数据的报告。我的存储过程正在返回数据，但是当我的RDL下拉菜单显示活动数据信息时，我无法查看报告。那么，有没有一种方法可以解决这种依赖关系，以便我需要显示从SP返回的数据。当RDL下拉菜单显示非活动学生信息时，我可以看到报告
浏览 0提问于2018-10-11得票数 1
这个问题一直让我抓狂，尽管我确信答案就摆在我面前，因为我经常是个白痴。
我根据这段代码制作了一个选项卡页面，它同时使用CSS和jQuery。
该选项卡内容还需要通过下拉CSS菜单访问。你可以在这里看到。
这是我正在使用的代码。
$('.subSection-tabs > li > a').click(function(event){
event.preventDefault();//stop browser to take action for clicked anchor
//get displaying tab content jQuery selector
浏览 1提问于2014-02-25得票数 1
我在上做了一个纯css下拉菜单。
它在Chrome和Firefox中运行得非常好，但在Safari中却不行。在导航栏上悬停以打开下拉列表，然后再次关闭下拉列表后，它有时会再次弹出，同时将光标移动到页面周围。
这种情况并不总是会发生，但是将光标在导航下的页面周围移动会使它到处弹出。
当光标移动到某个为链接保留的空间时，错误似乎就会发生。
有人经历过类似的事情吗？
浏览 6提问于2022-06-18得票数 -1
2回答
导航到另一个页面后保持CSS样式
、、、、
我有一些控制下拉列表和其他样式的导航栏的jQuery代码。为了测试目的，我做了第一行：
$( ".dropdown--link").on("click", function(event) {
event.preventDefault();
})
但这阻止了我的联系。是否有一种方法来维护jQuery样式，并在维护添加的样式的同时链接到新页面？例如，在我导航到新页面并希望它保持不变(在删除的情况下)之后， event.preventDefault();之后的所有样式event.preventDefault();都会被删除。
( ".dropdown-
浏览 1提问于2016-01-27得票数 0
回答已采纳
基于给出的代码在这个网站，很容易创建一个简单的CSS下拉菜单，是响应和工作的触摸设备。
但是，代码中包含一个指向导航的锚链接，因此如果导航不在页面顶部(而我的不是--上面有一个徽标)，浏览器将向下滚动到导航。这是令人不安的，不是我想要的。一定有办法让这个工作，而不让浏览器向下滚动？
我已经将代码放在JSF上，这里是和下面。
这个问题与此有关( Osvaldas网站上的文本)：CSS伪选择器:target使切换菜单变得容易，因为锚的href属性与CSS ID选择器名称相一致。因此，正如您可能已经理解的那样，#nav >a的第一个锚负责显示，第二个锚负责隐藏菜单。
<div class
浏览 6提问于2015-01-17得票数 0
回答已采纳
这是演示：
如果您在主菜单上导航，则会打开一个下拉菜单。如果您将鼠标悬停在菜单项上(在下拉菜单中)，背景将突出显示(在本例中为橙色)。我找不到更改此颜色的css命令。
谢谢。
浏览 5提问于2013-10-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
