HTML菜单悬停内容，而不是将其下推
基础概念
HTML菜单悬停内容通常指的是当用户将鼠标悬停在某个菜单项上时，显示额外的信息或子菜单。这种效果可以通过CSS和JavaScript来实现。
相关优势
- 用户体验：悬停内容可以提供更多的信息，而不需要用户点击或导航到其他页面。
- 界面整洁：通过悬停显示内容，可以保持主界面的整洁，避免过多的链接或按钮。
- 交互性：增加用户的交互体验，使网站更加生动和有趣。
类型
- 纯CSS悬停效果：通过CSS的
:hover伪类来实现。 - JavaScript悬停效果：通过JavaScript监听鼠标事件来实现更复杂的效果。
应用场景
- 导航菜单：显示子菜单或额外信息。
- 图标悬停：显示图标对应的文字说明。
- 工具提示：显示某个元素的详细信息。
示例代码（纯CSS）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hover Menu Example</title>
<style>
.menu-item {
position: relative;
display: inline-block;
margin-right: 10px;
}
.hover-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #f9f9f9;
padding: 5px;
border: 1px solid #ccc;
}
.menu-item:hover .hover-content {
display: block;
}
</style>
</head>
<body>
<div class="menu-item">
Menu Item 1
<div class="hover-content">Hover Content for Menu Item 1</div>
</div>
<div class="menu-item">
Menu Item 2
<div class="hover-content">Hover Content for Menu Item 2</div>
</div>
</body>
</html>示例代码（JavaScript）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hover Menu Example</title>
<style>
.menu-item {
position: relative;
display: inline-block;
margin-right: 10px;
}
.hover-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #f9f9f9;
padding: 5px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div class="menu-item" onmouseover="showHoverContent(this)" onmouseout="hideHoverContent(this)">
Menu Item 1
<div class="hover-content">Hover Content for Menu Item 1</div>
</div>
<div class="menu-item" onmouseover="showHoverContent(this)" onmouseout="hideHoverContent(this)">
Menu Item 2
<div class="hover-content">Hover Content for Menu Item 2</div>
</div>
<script>
function showHoverContent(element) {
element.querySelector('.hover-content').style.display = 'block';
}
function hideHoverContent(element) {
element.querySelector('.hover-content').style.display = 'none';
}
</script>
</body>
</html>常见问题及解决方法
问题：悬停内容显示不正常
原因：
- CSS选择器错误。
- JavaScript事件绑定错误。
- HTML结构不正确。
解决方法：
- 检查CSS选择器是否正确，确保悬停效果的元素和内容元素的层级关系正确。
- 确保JavaScript事件绑定正确，特别是
onmouseover和onmouseout事件。 - 检查HTML结构，确保悬停内容和主菜单项的嵌套关系正确。
问题：悬停内容遮挡其他元素
原因：
z-index设置不当。- 元素定位错误。
解决方法：
- 调整悬停内容的
z-index值，确保其显示在其他元素之上。 - 检查元素定位，确保悬停内容的定位不会遮挡其他重要元素。
通过以上方法，可以有效地实现和调试HTML菜单悬停内容的效果。
相关·内容
2回答
我如何设置我的菜单滑出，只有当标题是悬空的？我想把它设置成完全像这样的功能：
因此，在悬停时，它会滑出，但不会将内容向下推。
有什么想法吗？jQuery，还是可以通过CSS完成？
浏览 1提问于2014-03-28得票数 0
回答已采纳
2回答
我在这里有一个CSS菜单
当我将鼠标悬停在菜单上时，它会移动，但只有在第一次发生悬停事件时才会移动。
在那之后，它就不动了。
我不明白为什么会发生这样的事情。
浏览 1提问于2013-06-14得票数 0
回答已采纳
3回答
我有一个主标题的菜单列表，它漂浮在左边：
当带有子菜单的菜单项处于悬停状态时，子菜单会下拉，但如果菜单比主标题更宽(“shop”和“about”之间的空格--我想不出所料)，则会将菜单推到右侧：
我正在尝试使子菜单保持其高度(在页面上将其下方的内容向下推)，而不是根据其宽度将项目向右推。
使用position: absolute只会忽略子菜单打开时的高度。
希望我遗漏了什么。
谢谢你的帮忙!
浏览 0提问于2012-08-22得票数 0
回答已采纳
3回答
我正在使用这个，可能是简单的解决方案，但我找不到任何关于stackoverflow或与此特定问题相关的互联网的帮助。
我有一个菜单，我想让一个图像显示在链接下或关闭时，你悬停在它上面。我希望这可以在CSS中完成。到目前为止，这是我的代码。
HTML
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="startpage.css">
浏览 0提问于2013-10-09得票数 13
回答已采纳
1回答
我已经在下面创建了一个小提琴。第一个下拉菜单使用。我正在尝试替换下面的第二个菜单，它是由浮点组成的。
Afaik浮动内容使它脱离了通常的“流”，这就是为什么我的浮动示例看起来更好的原因。我的目标是使用来完成类似于浮动导航的事情。我不希望在悬停菜单时将内容向下推。我希望它像浮动的例子一样重叠。我猜底线是，我不想让Flex容器扩展到覆盖悬停菜单的整个高度。
我如何才能做到这一点呢？感谢您对此的任何意见。
我只添加了webkit语法，但是小提琴似乎在所有主流浏览器中都能工作(我猜这是因为小提琴的工作方式)。
如果它对其他人有帮助(我怀疑)，几乎可以通过添加以下内容来实现：
#flexmenu ul
浏览 2提问于2012-12-13得票数 1
3回答
如果您悬停在上的菜单上，您会看到内容被向下推倒。我从其他人那里继承了样式表，这真是一团糟。有人能给我解释一下为什么这个悬停在推下内容吗？
菜单构建如下：
li > ul class .sub-menu > li > a class .sub_menu_item
我查看了position和display CSS，但似乎没有发现什么奇怪的地方。任何帮助都将不胜感激！
浏览 5提问于2014-10-06得票数 0
回答已采纳
长时间免费用户，第一次注册和张贴，所以请原谅我，如果我错过了一些信息。
我目前正在使用twitter bootstrap框架创建一个站点，但在导航方面遇到了相当大的问题。
我想让导航向右浮动，它工作得很好，但我似乎无法让文本正确地垂直对齐。由于某些原因，切换按钮，何时是移动设备视图也有一点缺陷，因为它不会将其余内容向下推，而是悬停在顶部。
此外，我希望移动设备视图有一个左侧定义的菜单，而不是桌面版本的右侧浮动导航。
代码如下：
HTML：
<nav class="navbar navbar-default navbar-fixed-top" role="navig
浏览 1提问于2016-01-05得票数 1
2回答
我似乎弄不明白为什么这件事不能正常运作。它应该是一个通用下拉css菜单。我还没有到我使下拉列表不可见的部分(我将设置显示:当我到达它的时候，lol)，但是现在我只是尝试正确的布局。然而，没有按照我想要的方式工作的部分是实际的下拉部分。它应该悬停在页面内容上，但是它似乎在向下推，即使我设置了一个z索引。有人知道为什么吗？
下面是HTML：
<div id="navigation">
<div id="nav-container">
<ul id="nav">
<
浏览 0提问于2013-09-08得票数 0
回答已采纳
2回答
我有一个导航菜单，显示它在悬停状态下的导航状态。问题是当我将鼠标悬停在潜航器上时，潜航器就消失了。
如果我移除潜航器的z-index，它修复了悬停问题，但现在潜航器在主导航器上方。
我如何解决这个问题，使subnav低于主导航，并能够悬停。
示例
浏览 0提问于2019-07-19得票数 0
2回答
我正在尝试设置一个菜单，将鼠标悬停在照片上会在图像菜单下显示人名和一些链接。我使用mouseenter和fadein来实现悬停效果，再加上一个背景颜色设置为白色的css类(这样新项目就可以覆盖旧项目)。当我试图悬停到已经显示的某个菜单项时，什么也没有发生。此外，悬停在某些项目上也不起作用。当我从左边悬停时，悬停在三个项目上不起作用。当我从右侧悬停时，只有前两项有效。您能建议一下这些问题是什么，以及如何解决这些问题吗？请注意，我需要有一个菜单，显示当鼠标悬停显示，以便用户可以点击那里将提供的链接。
脚本：
$(document).ready(function() {
$("#p
浏览 1提问于2015-10-31得票数 1
我在一个使用TwentyTweve主题的修改版本的WordPress网站上工作。
我的工作是修改导航下拉菜单，使其在下拉子菜单悬停时向下推送内容。
问题:当子菜单下拉时，它们会以某种方式将父菜单项推开。
我想强制父项目留在原地。感谢CSS / WordPress专家的帮助！
浏览 2提问于2013-04-12得票数 1
回答已采纳
正如标题所说，在移动版上，移动菜单上的切换按钮会强制将所有内容向下推。我希望它只是在内容上滑动，而不是移动所有东西。这是一个wordpress主题，我对css和html相当熟悉，但我就是搞不懂。
浏览 1提问于2015-11-07得票数 0
我已经创建了一个导航菜单，其中菜单项在悬停时显示.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
1回答
在div上显示列表项
、、、
我有一个菜单栏，它的菜单li在鼠标悬停时向下延伸。它会将菜单栏div下的div向下推。但是我想让那些向下延伸的lis显示在上面提到的div上，而不是将它推到一边。
你可以看看我想告诉的是什么。
有人有解决方案吗？
浏览 1提问于2012-01-22得票数 2
回答已采纳
3回答
Javascript
$("#col").hover(function (){
$("#cool").toggle();
});
<div>
<ul id="col">
<li>Sports</li>
<ul id="cool" style="padding-left:0px;display:none">
<li>Tennis</li>
<li>Basketball</li>
</ul>
浏览 5提问于2011-10-28得票数 0
回答已采纳
1回答
我在一个网站上工作，却被一个恼人的问题所困扰。首先，请访问此页面：将鼠标悬停在右侧菜单上。你会看到字体改变了颜色，并且有一张图片覆盖着它。
现在我已经将此菜单实现为WordPress主题：当您将鼠标悬停在菜单上时可以看到，滑块不起作用。为什么？
问题现已在以下位置解决：
浏览 0提问于2011-01-15得票数 0
我已经困惑了一段时间了。我是一个个人网站与多个导航按钮，包括一个下拉菜单。当光标悬停在“关于”按钮上时，应该触发下拉菜单。我使用W3学校的代码作为基金会的一部分。但是，当我在菜单触发器上的任何按钮上悬停时，我尝试自己创建一个。我到处玩使用和使用，但都没有成功。我也试着创造第二个，但后来我遇到了另一个问题，我无法得到按钮(画廊和联系人)坐在另一个按钮(约)。下面是HTML和CSS。
<nav class="dropdown">
<button class="about" href="about.html">About <
浏览 2提问于2021-05-18得票数 0
回答已采纳
好吧，我试着把div放在100%的高度。我读了一些教程，我做了这样的事情：
html {
height: 100%;
}
body{
padding:0px;
margin:0px;
height:100%;
position:relative;
}
一切都很顺利。我想要的div更改为100%高度，但是滚动条出现了。这是因为我有一个菜单div。如果我没有这个菜单div，我的另一个div将是100%的高度，没有滚动条。
问题是:我如何“忽略”菜单的大小(高度)，这样滚动条就不会出现？也许我应该使用"clear:“字段？
浏览 1提问于2013-06-01得票数 0
回答已采纳
我已经设置了一个Suckerfish菜单，但当我将鼠标悬停在菜单项上时，子菜单会出现在屏幕的左侧，而不是直接位于我悬停的菜单项的正下方。
例如
当你将鼠标悬停在“事件”上时，子菜单应该会出现在该项目的下方。
它在Safari和Chrome上运行正常，但在IE7，Firefox3，Opera上不能正常工作。
浏览 2提问于2009-07-14得票数 0
1回答
是否更改下拉链接和父链接的颜色？
、、、、
当子链接悬停时，我会尝试突出显示"Personal Training“链接和任何其他下拉链接。
例如:用户悬停"Personal training“链接，然后显示下拉菜单。然后，虽然他的名单下降，“个人培训”仍然突出显示。
HTML：
<ul id="nav">
<li><a href="index.php">Home</a></li>
<li><a href="personaltraining.php">P
浏览 1提问于2012-11-08得票数 0
回答已采纳
1回答
我有一个固定的导航栏菜单，在移动设备上，它是由bootstrap 4自动提供的汉堡包菜单。 我有一个小问题。当我打开汉堡包菜单时，它悬停在下面的内容上，我不想让它悬停在内容上，而是在菜单打开时将下面的内容向下推。 请记住，这是一个固定的导航栏，所以它当前执行的默认行为是在打开时悬停在下面的内容上。我希望导航栏保持不变，但我希望它能打开一个类似于粘性菜单的封闭式菜单。 <nav class="navbar navbar-expand-lg navbar-light fixed-top">
<a class="navbar-brand&#
浏览 14提问于2020-07-27得票数 0
回答已采纳
2回答
我已经被要求有一个网站的内联子菜单项目，我正在使用Bootstrap。
默认的下拉式引导是一个不错的‘向下切换’类，其中项目是堆叠的，只有宽度的项目与一些填充。
如何将子菜单背景调整为100%屏幕宽度，然后容器中的子菜单项和(Li)项内联而不是堆叠？看到我想要达到的目标的模拟图像。
注意，与当前的子菜单不同，这需要将所有内容向下推，而不是悬停在上面。
编辑之后，mk14给出了非常好的代码如下。这就是我得到的(见下图)。我只需要项目在一个容器中(我用黄色显示)，并在菜单显示和隐藏时将页面的内容向下推送和备份。重申，我希望灰色背景是100%宽的屏幕，但在容器中的项目。
浏览 4提问于2014-07-31得票数 3
回答已采纳
1回答
我创建了一个下拉菜单使用CSS和HTML。
当我在子菜单链接上悬停时，我想要的是导航菜单项回到蓝色。例如，当我悬停在Resources1标题下的Resources标题下时，我希望Resources字体更改为蓝色。
JSFiddle：
有人能告诉我如何使用CSS来完成这个任务吗？
浏览 1提问于2014-05-21得票数 1
回答已采纳
我嵌套了无序列表来创建一个Jquery UI菜单，当您将鼠标悬停在第一个菜单选项上时，该菜单将展开。我希望发生的是，菜单选项显示在您选择后看到的第一个菜单选项的位置。由于某些原因，使用.val或.html对我不起作用。这是我的代码。
//this is where I try to take the selection and put it in in the <li> with the id 'input'.
<script>
$(function() {
$( "#menu" ).menu({
select: function(
浏览 0提问于2013-03-23得票数 0
回答已采纳
1回答
如何在含硒黄瓜的一步中做出断言
、、、、
我有这样的场景
Scenario: Create draft OI Unilever-Fibra-2
Given User "analista.finance.ice.01@cashlink" and password "1" is logged
Then menu "OI / Criação Draft OI" should not be displayed
我有一个访问菜单的方法，如果我将这个步骤传递给这个方法，它将抛出一个异常，我如何让这个异常将我的步骤变为真
浏览 0提问于2016-01-22得票数 1
1回答
我用jquery构建了一个菜单，顶部菜单上的4个类别按钮触发了下面的4个子菜单。它工作得很好，当我将鼠标悬停在另一个按钮上时，子菜单会出现并发生变化，但我不能悬停在子菜单上，当我“离开”触发器按钮时，它会消失。
(很抱歉代码凌乱，我不能在Fidel语言中复制整个构图，我复制-粘贴了重要的部分，问题在网站上和这个例子中看到的是一样的)
这是用于子菜单调用的jquery：('active‘和'rotated’用于更改图标/旋转触发器按钮上的文本，这些是三角形，我对它们做了一些jquery设计，我希望它仍然可以理解)
$('.leisuremenu').hover
浏览 1提问于2015-04-30得票数 1
我在导航中有菜单项，当它们悬停时，我应用一个类，当它们不悬停时，通过.toggleClass()删除一个类。
但是，如果有人单击其中一个菜单项，且在页面重新加载时，其鼠标仍停留在菜单顶部，则当鼠标不再悬停在该菜单项上时，类将被添加，当菜单项悬停时，类将被删除--这与我想要完全相反。
HTML
<div class="mega-menu">
<div class="mega-menu-2 mega-menu-item">{mega-menu-2:content}</div>
</div>
jQuery
$(
浏览 14提问于2018-02-07得票数 0
回答已采纳
1回答
在我们的web应用程序中，我们计划在Flex中开发顶部导航，并将普通HTML.On中的页面内容悬停在顶部导航的菜单上，显示子节点。子项应该显示在HTML内容的顶部。那么顶部导航SWF文件的高度应该是多少，覆盖才能正常工作。最初，顶部导航的高度将是40像素。在悬停时，它会说200px.ie的swf文件的高度应该是200px？如果最初是这种情况(而不是悬停)，那么在顶部的导航和html内容之间将会有一些空白空间。或者我应该在HTMl内容中使用一些CSS来克服这个问题？请提供一些实现这一点的想法。任何帮助都将不胜感激。
THanks，Jish
浏览 0提问于2009-10-20得票数 0
1回答
我是一个新的HTML/CSS的家伙，我想学习HTML和CSS。现在我看到了这个非常棒的；当您悬停在菜单中的“关于我们”选项卡上时，子菜单上有一个动画。这就是我试着重新创作的动画。
下面是我尝试过的：。
现在，这一切都很好，下面是真正起作用的CSS：
.menu > li a:hover ~ .sub-menu{
display: block;
-webkit-animation-name: smallanim;
-o-animation-name: smallanim;
animation-name: smallanim;
-webkit-anim
浏览 5提问于2015-04-06得票数 0
回答已采纳
2回答
我对jQuery比较陌生，我希望能够在鼠标悬停时显示菜单。
下面是HTML内容：
<td class ="comment_div"> <?php echo("$comment_data['comment']); ?> <br/>
<span class="comment_actions"> Approve | Delete | Spam | Edit</span>
</td>
然后是jQuery代码：
$("comment_div").hove
浏览 0提问于2009-09-19得票数 11
回答已采纳
2回答
因此，我对CSS和HTML非常陌生，我正在努力使这个下拉悬停菜单正常工作。
在链接3下，有一个带有链接的子菜单。我希望这样，当用户徘徊在其中一个子链接，父链接的(链接3)背景颜色仍然高亮显示，而不是消失回蓝色。这是我用来在悬停期间高亮显示每个链接的CSS。
#menu a:hover, #menu .current_page_item a
{
text-decoration: none;
background:#d4728b;
}
这段代码还使得当前悬停的链接将被高亮显示，但我希望这样，当光标悬停在菜单中的另一个链接上时，current
浏览 0提问于2014-07-14得票数 0
回答已采纳
1回答
我已经为我的网站有一个水平菜单，我只想飞出的多列菜单的一部分。下面是我想要做的一个例子：
有没有一个网站有关于如何做到这一点的教程，或者某种生成器？我希望我当前的菜单保持得体( )。我只想能够悬停，并有飞出多列部分。对于我见过的那些工具，我必须实现它们的水平/垂直条，这使得如何分离部分以使其与我的部分一起工作变得混乱。
浏览 1提问于2012-01-07得票数 0
1回答
如果每个菜单项悬停，下面的菜单将更改为红色。
这个菜单显示在我网站的每一页上。
我有以下问题：
如果用户要单击菜单项(例如菜单2)，页面将导航到标签中的页面集(即page2.html)。
如果用户将鼠标留在那里，与单击菜单项之前的位置相同(即在选定的菜单项上)，则菜单将在新页上自动更改为红色，因为下面的jQuery悬停代码将被激活。
有什么办法阻止这种行为吗？理想情况下，我希望用户必须鼠标离开菜单项，然后在菜单项更改为红色之前再次单击菜单项，如果用户单击其中一个菜单链接后仍在选定菜单项上方。
<script type="text/javascript">
$(do
浏览 2提问于2014-08-03得票数 0
回答已采纳
3回答
我有一个菜单，我想做，当你悬停在一个链接，一个较小的菜单出现。我在a标签上使用onmouseover来显示我在CSS中样式的小菜单标签。
问题是，当我悬停在链接上时，整个页面就会被小菜单所取代。这是我的密码。
<html>
<head>
<title>JS3</title>
<style>
body {
font-family: "Trebuchet MS";
}
me
浏览 3提问于2013-12-04得票数 0
回答已采纳
我试图让我的水平导航条坚持到我的屏幕顶部。问题是，如果我将顶部设置为0，菜单就会停留在顶部，但是当您悬停在上面时，初始菜单项就会被遮挡。当你采取顶出，悬停效果恢复到正常，但菜单不再设置为顶部边缘。我尝试的是扰乱位置以及悬停选项。
.nav ul {
list-style: block;
background-color: black;
padding: 0;
margin: 0;
position: absolute;
width: 100%;
top: 0;
text-align: center;
font-size:
浏览 3提问于2015-10-28得票数 0
回答已采纳
这有点难以解释，但我有一个超级菜单，当你将鼠标悬停在产品上时，它会下拉并显示超级菜单。现在，当您的鼠标位于菜单中实际存在的链接上时，如果您将其从原始产品链接中移除，产品按钮将停留在悬停状态。然而，在IE中情况并非如此，每当您将鼠标悬停在下拉菜单中的链接上时，原始产品按钮都会离开其悬停状态。我试过在CSS中修复它，但就是不起作用。(请不要说它是DOCTYPE，因为我使用的站点主机不允许我更改它.../：)所以，我想写一个小jquery，当它下面的链接悬停在它上面时，改变原始产品的CSS悬停状态。这就是我所拥有的，但我不能让它工作。任何帮助都会受到极大的欢迎！
jquery
$(div.sub).
浏览 1提问于2012-01-14得票数 0
3回答
我有一个表(一个日历)，并且在每个td元素上都有一个CSS悬停。我在悬停时设置了一个边框，但它会弄乱单元格的宽度和高度(例如，新边框会将下一行稍微向下推，依此类推)。
有什么办法解决这个问题吗？
浏览 2提问于2012-09-29得票数 1
回答已采纳
1回答
圆角菜单-当前页面项目
、、、
我正在做一个有圆角菜单的网页。我在WordPress中使用一个主题并对其进行修改，所以我从其他人创建的主题开始。当涉及到CSS和html的时候，我处于半途而废的境地--我可以把它们结合在一起，但是它通常并不是很优雅，而且先进的东西超出了我的能力。
无论如何，我的问题是--当鼠标悬停在菜单项上时，菜单项会改变颜色，而当菜单项表示当前页面时，菜单项的颜色会有所不同。普通菜单和悬停项有圆角，但不包含当前页面项。这只关系到最左边的项目的左边。
我确实为该项目的悬停状态找到了一些CSS，如下所示：
.menu > li:first-child:hover,
.menu > li:first
浏览 5提问于2014-05-29得票数 1
回答已采纳
1回答
我一直在尝试创建一个链接，您可以将鼠标悬停在该链接上并显示链接/选项列表。我已经让它在火狐和谷歌浏览器中工作，但当我将鼠标悬停在链接上时，在internet explorer中根本不会显示出来。
我在firefox和google中也有一个问题，我想设置链接的底部边框以匹配选项列表的背景颜色，以便菜单合并在一起，但我无法获得z索引来显示顶部的链接。
我把我所有的css和html代码放在下面的页面上，让你看看：
浏览 0提问于2012-01-19得票数 1
回答已采纳
2回答
这是一个分两部分的问题。首先，在ExtJS 4中，如何将鼠标悬停侦听器(也称为鼠标输入、鼠标输出)附加到网格面板的各行？
其次，我想要该事件的原因是，当行中的任何单元格悬停在上面时，我可以在其中一个单元格中显示几个操作按钮。实现这个菜单最有效的方式是什么(创建实际的html元素)。我的第一个想法是为包含菜单的单元格创建一个渲染器，并返回该渲染器中最初隐藏的按钮的html。然而，这看起来会有很多额外的html被放入dom中，因为在网格中显示的每一行都会创建那些相同的按钮。
浏览 0提问于2011-05-25得票数 2
回答已采纳
3回答
我在IE中的导航栏下拉定位有问题。
正如你所看到的，Adhesive Tapes下拉菜单在悬停时定位良好，但当鼠标悬停在'Adhesives‘和Sealants上时，它就稍微偏离了位置。
我已经在Firefox中检查过了，它是一样的，但只差了几个像素。
我今天早上花了一些时间试图解决这个问题，但我的知识有限。
任何帮助都是最好的。
HTML:
CSS:
提前感谢您的帮助
浏览 2提问于2014-03-25得票数 0
我有一个菜单设置，其中有大约20个菜单项在一个圆圈中。当您将鼠标悬停在每个项目上时，会出现一个标题。唯一的问题是，由于深度顺序，它隐藏在其他菜单项后面。当鼠标移到上方时，有没有办法把这个项目放在最前面？我是一个相当的actionscript文盲，所以任何帮助都是很棒的。
浏览 0提问于2010-05-23得票数 12
回答已采纳
我有一个导航条，它不会滚动后显示在响应模式。我将为您提供我的网站的链接：
只需将窗口的大小调整到最多500 to，然后单击“打开导航”菜单即可。
单击子菜单，您将看到它将不会显示所有的导航内容，也显示在网站的内容。我想让它显示它的所有高度和向下推内容也。
浏览 4提问于2016-03-19得票数 0
回答已采纳
3回答
我正在试着使用我花钱买的这个Wordpress模板，但是开发人员帮不上什么忙，我被卡住了……
主导航有一个粉色的悬停功能，但我希望‘当前菜单项’在悬停时不会变成粉色。很难找到要编辑的正确类。
我可以看到下面的HTML和CSS样式...
该站点位于以下位置：
谢谢
浏览 0提问于2013-02-01得票数 0
1回答
我已经创建了，有3层。
单击顶级项目后出现问题。您会注意到，在顶部的项目上有一个LI:Hover伪类，当您将鼠标悬停在这些项目上时，它会将它们突出显示为灰色。如果你点击这些顶部的菜单项之一，然后等待2秒钟离开菜单区域，它将恢复到当前页面的菜单项。
这就是问题所在。如果你现在将鼠标悬停在你刚刚点击的顶部菜单项上，它的伪悬停似乎已经消失，或者被禁用了。
我不确定这是我的jQuery/Javascript错误还是CSS错误。
任何帮助都是最好的！
谢谢，德文
浏览 2提问于2012-09-13得票数 1
回答已采纳
我使用的选项卡菜单类似于，但使用的是悬停而不是单击。目前，我必须使用‘默认’关闭菜单。
如何从所有drop菜单的关闭开始？当用户悬停在选项卡上时，菜单应该展开，只有当用户悬停在扩展菜单之外时才关闭。
使用的查询：
$(document).ready(function(){
$(".menu > li").mouseover(function(e){
switch(e.target.id){
case "default":
//change status & style menu
$("#default")
浏览 1提问于2010-07-20得票数 0
2回答
我创建这个快速项目是为了帮助您帮助我。
为什么#container的margin-top从html向下推送整个#container，而我期望它从#containerWrapper向下推送#containerWrapper？
其想法是将所有内容放在容器中，并在菜单下方留出边距。
浏览 0提问于2011-11-20得票数 0
回答已采纳
我有以下简单的html页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</title>
<sty
浏览 0提问于2013-03-04得票数 0
回答已采纳
1回答
目前正在尝试制作一个响应智能手机和平板电脑的网站。我在网站的菜单上遇到了点麻烦。菜单基本上是一个无序列表，如下所示：
<ul class="navigation">
<li><a href="page1.html">Page1</a></li>
<li><a href="page2.html">Page2</a></li>
<li>
<a href="page3.html&#
浏览 3提问于2013-01-30得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
