display设置为none后，下拉菜单不会关闭
。display属性是CSS中用来控制元素的显示方式的属性之一。当将元素的display属性设置为none时，该元素会被隐藏，不占据页面空间，并且不会响应用户的交互事件。
下拉菜单通常是通过使用HTML和CSS来实现的。一般情况下，下拉菜单是通过设置一个包含菜单选项的容器元素，并使用CSS的display属性来控制菜单的显示和隐藏。
当将下拉菜单的容器元素的display属性设置为none时，菜单将被隐藏，但是菜单的状态仍然保持打开，因此点击菜单按钮或者其他触发菜单显示的元素时，菜单不会关闭。
要解决这个问题，可以通过以下几种方式来实现：
- 使用JavaScript：可以通过JavaScript来监听菜单按钮的点击事件，并在点击时切换菜单的显示状态。当点击菜单按钮时，如果菜单是显示的，则将菜单的display属性设置为none，如果菜单是隐藏的，则将菜单的display属性设置为block或其他适当的值。
- 使用CSS的:hover伪类：可以使用CSS的:hover伪类来实现鼠标悬停时显示菜单的效果。通过将下拉菜单的容器元素的display属性设置为none，并使用:hover伪类来控制菜单的显示和隐藏。当鼠标悬停在菜单按钮或其他触发菜单显示的元素上时，将菜单的display属性设置为block或其他适当的值，当鼠标离开时，将菜单的display属性设置为none。
- 使用CSS的transition属性：可以使用CSS的transition属性来实现平滑的菜单显示和隐藏效果。通过将下拉菜单的容器元素的display属性设置为none，并使用transition属性来控制菜单的显示和隐藏的过渡效果。当需要显示菜单时，将菜单的display属性设置为block或其他适当的值，同时使用CSS的opacity属性来控制菜单的透明度，从而实现平滑的过渡效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
1回答
移动设备如何采用下拉菜单？
<li id="citylink">
Киев <span class="arrow">▼</span>
<ul>
<a href="odessa.html" id="odd"><li>Одесса</li></a>
</ul>
</li>
</ul>
CSS：
ul {
text-
浏览 4提问于2015-10-07得票数 0
回答已采纳
3回答
我使用的是纯css下拉菜单。但单击菜单项后，将始终显示下拉菜单。当我把我的鼠标从菜单中拿出来时，它将被隐藏。如何在单击菜单项后关闭纯css悬停下拉菜单？谢谢你的建议。下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Show Hide Dropdown Using CSS</title>
<style type="text/css">
ul{
浏览 4提问于2016-05-19得票数 4
回答已采纳
1回答
我试图做到这一点，所以当一个人从下拉菜单中选择一个选项时，会出现另一个下拉菜单。因此，如果我有一个带有三个选项的下拉菜单，“温哥华”、“新加坡”、“纽约”。当用户选择温哥华时，下拉菜单就会显示出几个选项，如果他们选择纽约，就会出现另一个淹没菜单。为了使事情变得更复杂，我还使用php作为它最终将在服务器端运行的东西。
echo "<script type=\"text/javascript\">";
echo "function getDropDown(sel){";
echo "hideAll();";
echo
浏览 2提问于2014-08-18得票数 0
回答已采纳
1回答
我刚刚建立了我的导航栏，但我在下拉菜单上有一个小问题。下拉菜单在悬停时出现，但是当我尝试将鼠标从导航栏顶部的链接移动到下方的下拉菜单时，下拉菜单消失了，因此我无法实际单击任何链接。
我该怎么解决这个问题？
CSS
/* Navbar */
h1 {
color: white;
font-family: 'Great Vibes', cursive;
margin-left: 30px;
font-size: 45px;
text-align: left;
margin-top: -57px;
}
.navbar {
b
浏览 11提问于2019-08-11得票数 2
然而，当单击菜单按钮时，下拉显示，再次单击该按钮并不会隐藏下拉菜单。
Script.js
//Variables
var menuBtn = document.getElementById('menu__icon');
var dropdown = document.getElementsByClassName('dropdown__menu')[0];
var isClicked = false;
// Drop down Mobile
menuBtn.addEventListener('click', function () {
if
浏览 2提问于2020-10-19得票数 0
回答已采纳
2回答
悬停后保持下拉菜单打开(CSS)
、、、、
我已经创建了一个水平菜单，当您将鼠标悬停在某个项目上时，会出现一个下拉菜单。这一切都很好。但是，当您离开菜单项(以使用下拉菜单)时，下拉菜单将消失。我理解这是因为你不再停留在它上面，但是我怎么解决这个问题呢？注意:我不想要正下方的下拉菜单，我想要菜单项和下拉菜单之间有一个合理的间隙(就像我现在有的那样)。谢谢。
HTML
<header id="header">
<div class="container">
<a href="#top-anchor"><div id="l
浏览 1提问于2017-02-10得票数 5
回答已采纳
1回答
如何将下拉菜单更改为下拉菜单
、、、、
我有一个菜单栏：和我需要把它放在底部，下拉菜单更改为下拉菜单。我该怎么做？
css：
ul, li, a {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
color: #000000;
}
ul > li {
float: left;
}
ul > li a {
color: #fff;
font-weight: bold;
line-height: 40px;
height:40px;
浏览 1提问于2014-04-13得票数 0
回答已采纳
3回答
当单击大的div时，整个页面上都有一个div来关闭下拉菜单。问题是我需要pointer-events: none;，因为如果我不使用它，整个页面就会被大div阻塞。
当我有了onclick时，JS pointer-events:none;就不能工作了，所以我真的不知道如何解决这个问题。
function test() {
if (document.getElementById('div1').style.display == 'block') {
document.getElementById('d
浏览 3提问于2016-01-22得票数 8
回答已采纳
4回答
当我使用css创建下拉菜单时，它会在下拉菜单前后生成一个中断行，这里是html代码。
<body>
<!--nav class="navi"-->
<div class="navi" id="navi">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a>
<
浏览 5提问于2013-07-31得票数 0
回答已采纳
3回答
我刚刚尝试为我的导航设计一个下拉菜单。不幸的是，他们整个导航和下拉是闪烁现在，当我在我的导航中的下拉按钮。当我尝试点击下拉菜单时，下拉菜单也会消失。
我不能给您我的代码片段，因为Stackoverflow直接将其转换为HTML (不知道原因)，所以我只需给您一个指向我的测试页面的链接：
编辑：
HTML
<nav>
<ul>
<li><a href="#" id="block1">Start</a></li>
<li><a href="#" id="
浏览 4提问于2014-12-19得票数 1
回答已采纳
如何运行以下代码的document.getElementById("myLinkID").onclick = '';部分10秒？Javascript运行一个持续10秒的CSS动画，我不希望代码在动画完成之前再次运行。任何帮助都将不胜感激。
function myFuction() {
var myVar = document.getElementById('myDivID');
if (myVar.style.display === 'none') {
myVar.style.display = 'bl
浏览 0提问于2017-09-18得票数 1
回答已采纳
3回答
对于jquery、html和css来说，如果这看起来很简单的话，很抱歉。我正在使用jquery制作下拉菜单。我的链接不适用于下拉菜单，当下拉菜单滑落下来时，它会被切断并在一秒钟后加载？我遵循了一个教程，他们没有问题，但我收到了一吨。为什么我的链接不能工作？另外，为什么下拉菜单被切断了？
Jquery
<script type="text/javascript">
$(document).ready(function() {
$("#menu ul li").hover(function() {
$(this).find("ul
浏览 1提问于2015-04-08得票数 0
回答已采纳
基于SELECT下拉菜单的值，我使用以下jQuery函数在DIV上执行slideDown：
$(function()
{
$('#show-options').change(function(){
if($(this).val() != '')
{
$('#' + $(this).val()).slideDown();
}
});
});
HTML：
<select id="show-options">
<option
浏览 0提问于2010-12-14得票数 1
回答已采纳
我试图根据第一个下拉菜单上的选择，在第二个选择下拉菜单中显示下拉选项。在本例中，第一个下拉菜单有3个选项，每个选项都有自己的唯一类。第二个下拉菜单有几个下拉选项，它们的类值与第一个下拉菜单中的类值相匹配。默认情况下，第二个下拉选项是隐藏的，直到用户从第一个选项中选择一个下拉选项。我的目标是，一旦用户从第一个下拉选项中进行选择，然后将"display_block“类添加到第二个下拉菜单中的选项中，这些选项具有与第一个下拉框中的选择相同的类值。
下面是HTML：
<label class="label_bra_band_size">
<span class
浏览 3提问于2011-09-03得票数 0
回答已采纳
2回答
我已经完成了我创建的一个按钮的下拉菜单。这是
唯一的问题是，当我将鼠标悬停在按钮上时，下拉菜单不可见。
我已经在我认为正确的CSS中添加了display: block和display:none，但我不知道问题出在哪里
浏览 1提问于2014-03-16得票数 0
如果我使用了错误的术语，请提前道歉，因为我是jQuery的新手。
我在一个具有响应式设计的网站上工作。在较小屏幕尺寸时，菜单通过jQuery/CSS替换为select下拉列表。(我通过jQuery附加<select>字段，通过CSS将其默认设置为display:none，然后通过CSS媒体查询以较小的分辨率显示它。)
这一切都很好用，但似乎与自动在模式窗口中显示较大版本图像的有冲突。查看此页面，单击第一个图像，然后注意菜单下方出现的<select>。
这是我用来创建dropdown的代码：
// Create the dropdown base
$("<s
浏览 3提问于2012-04-06得票数 0
回答已采纳
1回答
如何获得一个好的或类似的HTML/CSS下拉菜单，如下面的图片
我的style.php中有以下代码
/*----- Toggle Button -----*/
.toggle-nav {
display: none;
}
/*----- Menu -----*/
@media screen and (min-width: 860px) {
.menu {
width: 100%;
padding: 10px 18px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 3p
浏览 0提问于2017-12-07得票数 0
下拉菜单不起作用。当我删除子菜单中的UL函数"display:none“时，我会添加a:悬浮，显示:块，但当我悬停在上面时，子菜单就会显示出来。为什么？
<div id="nav">
<ul>
<li class="active"><a href="index.html">> om oss</a></li>
<li><a href="page/vad.html">> vad
浏览 7提问于2014-08-14得票数 0
回答已采纳
2回答
Nav下拉菜单问题
、、、
有一些问题，我的导航，我试图创建一个下拉菜单，当你悬停在“匹配”链接。每当我将鼠标悬停在链接上时，列表就会停留在链接下面，并破坏导航栏的外观。任何帮助都将不胜感激。
<nav>
<span class= "navbar-button"></span>
<ul class="navbar">
<li><a href="index.html">Home</a></li>
<li><a hr
浏览 2提问于2014-10-12得票数 0
回答已采纳
1回答
我正在设计一个带有css的下拉菜单，我想知道，使用opacity: 0 + pointer-events: none而不是使用display: none有什么缺点吗？
我想在悬停的时候消失。但是dispaly方式使它瞬间。也不想做任何javascript。所以,
有没有办法在没有javascript的情况下在动画结束后制作display: none？
用opacity: 0 + pointer-events: none代替display: none是否有副作用？
#trigger{background-color: red}
a{
opac
浏览 3提问于2021-05-12得票数 1
我现在的情况是我必须使用jQuery 1.6。网站jQuery文件类型不在我的控制范围之内。我有以下带有属性的HTML元素...
<div id="myitem" style="display: none; position: absolute;" role="status" aria-hidden="true">
...
</div>
每次我从下拉菜单中选择一个选项时，上述代码的display属性将在5- 10秒之间的任意时间内切换为display:block。这是不同的。然后切换回display:non
浏览 0提问于2013-06-13得票数 3
回答已采纳
1回答
下拉列表中选择框的高度
、、、
我有一个dropdown ，它由另一个dropdown as控制，
$("#change").change(function() {
if(this.value == "x") {
$("#mydp").parent().show();
$( "#mydp option[value='r']" ).nextAll().andSelf().css("display", "none");
$( "#mydp option[v
浏览 1提问于2015-05-03得票数 2
1回答
HTML5标签下拉菜单
、、、、
为了好玩，我正在编写一个HTML5套餐菜单。我在W3Schools上读到一个下拉菜单，但是它们都使用CSS类和id。
HTML代码是：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Super cool drop down menu</title>
<link rel=
浏览 0提问于2016-11-20得票数 1
回答已采纳
1回答
我正在做一个网站，我需要得到顶部的菜单，以创建一个下拉菜单。我已经将元素挂在站点中，但是我已经将display:none放在了ul中，用于我需要的列表项(在服务链接下找到)。如果您删除它，下拉菜单将显示当悬停在服务链接。当出现这种情况时，当我需要下拉菜单时，我会让下拉列表将菜单推到一边。有什么建议吗？在4个样式表之间，我正在与本地CSS进行斗争，以获取站点的模板，而我的智慧就在这里。
谢谢!
编辑:我把范围缩小到CSS样式表是什么引起了这个问题。我很确定这是目前的主要样式表(style.css)。
浏览 1提问于2015-01-15得票数 0
回答已采纳
4回答
当屏幕宽度减小时，我尝试将所有菜单链接放在一个下拉菜单中。
到目前为止，我所做的是在表单中为菜单下拉菜单编写HTML代码
<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post" class="mobile_form">
<select name="order" class='mobile_menu'>
<option value =
浏览 0提问于2013-01-02得票数 0
回答已采纳
我在这里发布了一个问题，并在几分钟内得到了答案，我希望这里的巫师们能再次帮助我。
好的，我正在使用我在网上找到的脚本，尝试将此函数添加到购物车表单中。
这是设置。
我有一个支付方式下拉与Visa，万事达卡和银行取款的选项。
对于信用卡，我有一个具有特定字段集的隐藏div，对于银行，我有另一个隐藏div。每个div都将ID命名为- #payCredit和#payBank
两者的css都有空白处: 0px和显示:无；
这是我在送货地址复选框中成功使用的一小段javascript
`function toggleLayer( whichLayer )
{
var elem, vis;
if(
浏览 3提问于2011-01-14得票数 1
3回答
我不知道如何关闭这个dropdown div，当在它外面点击时。我发现在单击外部和下拉菜单时关闭的版本，但因为我的下拉菜单有多个复选框，所以我希望继续允许在下拉菜单上单击而不关闭下拉菜单：
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
b
浏览 96提问于2018-05-31得票数 0
回答已采纳
1回答
我似乎对我的Wordpress CSS菜单有问题。我正在尝试在菜单中创建一个下拉元素，它被方便地包装在一个名为“子菜单”的div中。
正常情况下，菜单如下所示：
然而，当我试图访问“摄影”下的下拉菜单时，会发生这样的情况：
我已经尝试了一切，但无法让它正确地出现在摄影下。如能提供任何帮助，将不胜感激：
#header li ul.sub-menu {
display:none;
position: absolute;
top: 10px;
left: 50%;
width: auto;
}
#header li:hover ul.sub-menu {
display:block;
浏览 3提问于2014-09-30得票数 0
回答已采纳
1回答
显示:无，下拉菜单和屏幕阅读器
、、、、
我经常读到使用display:无一个用于下拉菜单(如is )是不好的做法，因为屏幕阅读器无法访问它。
在本文：中，作者指出，从显示的位置-左选择:没有也有缺点，并提出以下建议，以使下拉菜单键盘可访问：
选项2:使用display:none并有一个:focus状态来匹配:悬停使其显示:阻止并将子菜单项目带到页面上，允许它们接收焦点，但只在它们在屏幕上时。
焦点调整是用JavaScript实现的。他在上举了一个例子。
问题1:是屏幕阅读器可以访问的选项2中的下拉菜单吗？屏幕阅读器是否读过完整的页面，然后你可以在页面上点击，然后他们就可以读出链接了吗？这是否意味着子菜单只在用户浏览时由屏幕阅
浏览 3提问于2016-04-29得票数 3
回答已采纳
我现在正在学习Jquery，我似乎不能在这个基础代码中纠正我的错误。目标是当用户将鼠标悬停在“菜单项2”上时，显示一个下拉菜单。有没有人能帮我看看我的错误。如果代码不能在下面正确显示，这里有一个指向代码的链接：
<style>
ul {list-style : none; padding : 0; width: 100%; }
ul li {display: inline;}
li {display : inline; margin-right : 20px; }
li ul {di
浏览 0提问于2013-03-05得票数 0
回答已采纳
我试图创建一个图片库，在那里可以点击图片来显示描述图片的模式。关闭按钮工作，但是，我需要能够点击外部，在背景，关闭模式以及。我有以下代码：
function stylemodals() {
var modalarray = document.body.getElementsByClassName("modal");
for (var i = 0; i < modalarray.length; i++) {
modalarray[i].setAttribute("style", "display: none; position:
浏览 0提问于2018-11-26得票数 1
回答已采纳
嗨，伙计们，我是一个刚开始学习html的初学者，我想知道为什么当我试图向我的html文件中添加一个背景图像时，我的下拉菜单突然变得不起作用了。这些第一和第二段代码分别是我使用背景图像和下拉菜单的尝试。为了学习目的，它们都可以正常工作，但是在第三段代码中，当我将它们组合在一起时，下拉式按钮在悬停时不会激活。有人明白为什么吗？
背景图像编码
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('https://i2.wp.com/brandika
浏览 1提问于2020-06-30得票数 0
2回答
首先出现下拉菜单悬停。
、、、
我取了一些示例代码来创建这个网站的下拉菜单：
我一直在编辑它，这样主菜单就可以使用我自己的图像(而不是重复的绿色菜单)，然后下拉菜单将是一个大的灰色块(而不是重复的绿色菜单)。
我已经能够插入我自己的图像为主菜单，也有一个成功的灰色块滚动下拉菜单。
问题:当我测试我的页面时，它从打开的下拉菜单开始。我认为问题就在我的CSS/HTML操作的某个地方。我应该改变我的javascript中发生的事情吗？我注意到它正在调用UL标记。
，这是我加载页面时的图片：
--这是它在被翻滚后正常工作的图片：
HTML:
<ul id="verticalmenu" class="
浏览 2提问于2012-07-15得票数 0
回答已采纳
1回答
我已经创建了一个使用html/css的子菜单，现在我试图在这些链接上应用一个下拉菜单，但是我很难将下拉菜单放到上面。如你所见，它现在被卡在容器里了。下面是链接： (我正在使用wordpress)
.menu-row {
display: flex;
justify-content: space-around;
}
.dropbtn {
color: #1a1a1a;
padding: 16px;
font-size: 16px;
border: none;
}
/* The container - needed to position the dropdown
浏览 1提问于2019-05-14得票数 0
回答已采纳
我的问题是，我在我的网站顶部有一个div，它有一个下拉菜单，在左边有一个浮动，问题是在那个div下，每当我将鼠标悬停在菜单上时，我想要有一个标题，标题也浮动到左边。
我试着在顶层div之后做一个清晰的div，然后在css上使用clear:both；但它没有真正的帮助
下面是JSfiddle：
ul {
font-size: 16px;
list-style: none;
}
ul li {
display: block;
position: relative;
float: left;
}
li ul {
display: none;
}
ul li a {
display: bloc
浏览 6提问于2014-05-10得票数 0
1回答
我在状态项中有一个文本字段，并希望它在状态项被单击时立即激活。我在applicationDidFinishLaunching中尝试了通常的becomeFirstResponder，然后在awakeFromNib中尝试了一下，但它不起作用。我认为这是因为在启动时调用这些方法时，状态项的菜单没有打开，可能会忽略它。然后，我尝试在单击状态项时设置一个操作，但这里有人告诉我，这些操作只能在状态项没有下拉菜单的情况下才能执行，而我的是有下拉菜单的。我想要的是状态项被单击，并出现下拉菜单与文本字段激活，以便可以立即开始键入。我使用自定义视图在菜单中显示文本字段，不确定这是否相关，但可能在这种情况下应该使用
浏览 0提问于2011-07-11得票数 2
回答已采纳
4回答
跨下拉选择Jquery
、、、
JavaScript
function myFunction() {
if ($(".x-span-drop-menu").css("display", "none")) {
$(".x-span-drop-menu").css("display", "block");
} else {
$(".x-span-drop-menu").css("display", "none");
}
}
下拉菜单
浏览 0提问于2017-05-17得票数 0
回答已采纳
1回答
我试图使用嵌套的<ul>制作下拉菜单，每个<li>都显示一个用CSS计数器生成的数字。
子菜单在没有悬停时用display:none隐藏.
我的问题是，当元素将display设置为none时，计数器不会增加。
您知道CSS属性可以防止这种情况发生吗？
如果我用display: none代替visibility: hidden，它可以工作，但我不确定用它作为我的菜单是否好，有陷阱吗？
浏览 3提问于2014-09-10得票数 3
回答已采纳
这是一个相当简单的函数，可以根据用户从下拉菜单中选择的内容来显示和隐藏不同的div。你知道为什么它不能在IE或Chrome中工作，而能在FF中工作吗？我到处找都找不到答案：
<script language="javascript" type="text/javascript">
function show(field) {
var val = field.value;
if (val == "imaging")
{
document.getElement
浏览 2提问于2011-07-12得票数 0
回答已采纳
我似乎找不到很多/任何关于我试图实现的非常简单的事情的文档
我有一个下拉列表，它是display: none。当我点击一个复选框时，它变成了display: block所有我试图断言的是当我点击该复选框时，它显示下拉菜单
expect(getByLabelText('Locale')).toHaveStyle(`
display: none;
`)
getByLabelText('Locale').checked = true
expect(getByLabelText('Locale')).toHaveStyle(`
displa
浏览 0提问于2019-03-15得票数 32
回答已采纳
4回答
我有一个简单的CSS下拉菜单里面有一个iframe。当我将鼠标悬停在下拉菜单上时，菜单会下拉。但是，当我的鼠标悬停在菜单内的iframe时，菜单会返回。以下是我的代码的简化版本：
<div id="comments">
<a href="#" class="btn">View comments</a>
<div id="comment-wrap">
<iframe src="http://www.facebook.com/plugins/comments
浏览 5提问于2011-07-08得票数 12
我正在编写源代码以显示/隐藏div。但是，如果我试图显示一个新的div，它就隐藏在当前显示的div后面。
下面是我创建的：
如果您尝试显示“选项”，然后显示“通知”(反之亦然)，您会发现它有时工作得不太好。您需要单击两次才能工作。为什么不工作这么好？
我认为可能是this.isMenuOptionsOpen = false; this.isMenuNotificOpen = false;的更新造成了这种情况。我怎么才能解决这个问题？
这是全文：
<script>
this.isMenuOptionsOpen = false;
this.isMenuNotificO
浏览 0提问于2014-05-13得票数 0
回答已采纳
我有一个简单的下拉菜单和一个按钮，它在页面中提交ajax表单，js函数在循环中调用该按钮的onclick函数，并有一些延迟(该按钮调用的onclick方法每10秒一次，因此某些表单被提交并刷新)。
现在的问题是，每当通过js代码下拉菜单单击该按钮时，该按钮就会自动关闭。
我怀疑调用该按钮的单击会窃取下拉菜单的焦点，因此每当js代码调用它时，它的菜单就会关闭。
那么，当点击按钮被调用时，我该如何防止这种行为呢？或者有什么更好的方法是在带延迟的循环中提交ajax表单呢？
更新
代码是大项目的一部分，但是为了更好地理解，您可以考虑以下内容：
<div class="container&
浏览 1提问于2018-11-05得票数 0
3回答
我是css和html5的新手，正在尝试让我的菜单栏正常工作。它是一个具有下拉功能的水平菜单栏。在我将菜单栏居中之前，导航按钮和下拉按钮之间没有空格。在居中后，它们之间有一个空格，这是令人恼火的，因为当您在它们之间移动时，尤其是在下拉菜单上，您会因为这个空格而丢失下拉菜单。因此，我尝试删除按钮之间的空间(而不是边框)。非常感谢您的帮助，代码如下：
CSS
/* START NAV MENU */
nav {
background-color:#333333;
height:40px;
width:100%;
}
nav ul {
font-family: S
浏览 0提问于2013-01-24得票数 5
回答已采纳
1回答
我很好奇这个下拉菜单 .So的浮点效应，问题是，如果我没有在导航或导航> ul上使用浮动，当我悬停在子菜单上时，子菜单就消失了。所以我想问的是为什么我要在这里使用浮子。
<!--html file -->
<nav>
<ul>
<li><a href="#">list beritem</a>
<ul>
<li><a href="#">SUB LIST</a></li>
浏览 3提问于2015-02-06得票数 0
回答已采纳
当我第一次打开一个包含一些图像(gif/jpg/png)和一个swf的Fancybox演示文稿时，一切都运行得很好，在不同的元素之间滚动。但当我关闭演示文稿并再次打开它时，swf就消失了。
有没有其他人遇到过这个问题，并找到了解决方案，或者是Fancybox中的一个bug？
提前感谢！
我使用的是Fancybox 2.1.0版本。这是我正在使用的代码。PHP on serverside列出了不同的thumb(Cases Div)>只在Fancybox中显示的隐藏图像。
<div class="case">
<a href="c
浏览 0提问于2012-08-27得票数 0
1回答
我正在为我的导航栏构建一个下拉菜单。下拉菜单的样式看起来像我想要的那样。但是，我对下拉按钮的间距有一个问题。基本上，按钮被嵌入到宽度为160的div中，这基本上就是打开的下拉菜单的宽度。但是，我希望div只有按钮本身的宽度，而不是展开的下拉菜单的宽度。否则，带有大div的下拉菜单将移动导航栏的其他元素。 ? .button-container {
position: relative;
/*text-align: center;*/
padding: 0;
overflow:hidden;
display:flex; /*Code Ad
浏览 58提问于2021-01-30得票数 0
1回答
我试着学习如何从CSS技巧创建下拉菜单。这是他们的代码：
<nav role="navigation">
<ul>
<li><a href="#">One</a></li>
<li><a href="#">Two</a>
<ul class="dropdown">
<li><a href="#">Sub-1</a>
浏览 6提问于2021-11-20得票数 0
2回答
我创建了下拉菜单。但是在这里，当我点击外部保持下拉菜单打开，下拉菜单不关闭时，我会遇到一个问题。我试图添加许多javascript代码，但最后，我做不到。请有人帮我解决这个问题。我在下面给出了我的项目代码。我需要这个功能，外部单击下拉菜单关闭，只有通过这个JS代码。
function toggleDropDown(id) {
document.querySelectorAll('.dropdown-content').forEach(el => el.id === id ? el.classList.toggle('show') : el.cl
浏览 4提问于2022-01-19得票数 0
1回答
我正在为网站下拉菜单开发这个jQuery脚本方法。我在代码中遇到了一个似乎无法通过的小问题。
其他信息：
下拉菜单在单击根级菜单元素时展开。完成
单击相同的根级菜单元素，下拉菜单将关闭。完全
当从一个根级菜单元素单击到另一个根级菜单元素时，下拉菜单将关闭。完成
下拉菜单在单击下拉菜单区域外部时关闭。完成
支持根级菜单中的多个下拉菜单。完成
这是包含注释的当前脚本。问题似乎在里面，$(".is-open").hide();。如果我从脚本中删除这一行，它将恢复单击以打开和单击关闭功能，但是，当单击从"DROP 1“到"DROP
浏览 0提问于2016-12-27得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
