Z索引在悬停侧导航上未按预期工作
Z索引是CSS中的一个属性，用于控制元素的堆叠顺序。它决定了元素在层叠上下文中的显示顺序，具有较高的Z索引值的元素将覆盖具有较低Z索引值的元素。
在悬停侧导航上，Z索引可以用来控制悬停导航的显示顺序，以确保它在其他元素之上显示。通过将悬停导航的Z索引值设置为较高的值，可以使其浮在其他元素之上，从而实现预期的效果。
Z索引的值可以是正整数、负整数或auto。较高的正整数值表示较高的堆叠顺序，而负整数值表示较低的堆叠顺序。auto值表示使用默认的堆叠顺序。
在云计算领域，Z索引的应用场景比较广泛。例如，在构建网页应用程序时，可以使用Z索引来控制页面上不同元素的显示顺序，以实现更好的用户体验。在移动应用开发中，Z索引可以用于控制不同图层的显示顺序，以实现动画效果或交互效果。
腾讯云提供了一系列与网页开发相关的产品，如云服务器、云存储、云数据库等。这些产品可以帮助开发者构建稳定、高效的网页应用程序。具体推荐的产品和产品介绍链接如下：
- 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理大量的非结构化数据。了解更多：https://cloud.tencent.com/product/cos
- 云数据库MySQL版（CMQ）：提供高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。了解更多：https://cloud.tencent.com/product/cdb_mysql
通过使用腾讯云的这些产品，开发者可以轻松实现网页开发中的各种功能，并且享受到腾讯云提供的高性能、高可靠性的服务。
相关·内容
我正在为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回答
我正在摆弄一个网站的一些导航，我想在屏幕的右边浮动三个图像(我有)。然后我希望能够将鼠标悬停在其中一个图像上，并在该图像旁边弹出一个菜单。我可以用一个来做这件事，但是一旦我在垂直序列中引入下一个图像，第一个图像就停止工作了。为什么？
我的HTML：
<DIV id="parent"><a href="#issue49"><img src = "images/parent.png"></a></DIV>
<DIV id="student"><a href=
浏览 0提问于2012-08-15得票数 1
2回答
我有一个导航菜单，显示它在悬停状态下的导航状态。问题是当我将鼠标悬停在潜航器上时，潜航器就消失了。
如果我移除潜航器的z-index，它修复了悬停问题，但现在潜航器在主导航器上方。
我如何解决这个问题，使subnav低于主导航，并能够悬停。
示例
浏览 0提问于2019-07-19得票数 0
在我的网站中，我使用了一个带有flash内容的iframe (不是you tube视频)
<iframe id="flvIframe" width="934" height="750" frameborder="0" src="XXXflashplayer" style="z-index: 1;"></iframe>
我在我的网站中有导航栏，当我们悬停在单个导航元素上时，我们将显示一个
带有一些选项的div#NavInfo导航栏，我有一个.Below，我在其中显示了一个带有
浏览 0提问于2013-11-12得票数 2
2回答
我正试着做一个肚脐作为锻炼，但我被卡住了。我有一个肚脐的高度x和内嵌块导航菜单的可变高度，其中包括导航按钮块的高度x和导航下拉块的可变高度。导航菜单上的溢出是隐藏的(这是导航下拉菜单)，直到有一个悬停在它上面。
问题是当导航下拉列表出现时，它就在页面内容的后面。
我试图将z索引添加到每个元素中，包括最上面的父元素，但没有效果。
请参阅js-fiddle：
导航栏的配置如下(可能有多个导航菜单)：
<div class="navbar" style="z-index: 999;">
<div class="nav-menu
浏览 3提问于2014-11-20得票数 0
回答已采纳
2回答
我正在一个Angular应用程序中构建一个布局，如下所示：
<app-navbar></app-navbar>
<div class="router-wrapper">
<router-outlet></router-outlet>
</div>
我的问题是，我在<router-outlet>中加载的组件中有一个侧边栏，这个侧边栏应该放在屏幕上的所有内容之上；但无论我如何使用z索引或绝对位置，它总是在顶部的导航栏后面显示；这真的可以做到吗？
浏览 12提问于2019-07-09得票数 0
回答已采纳
arrayTwelveLEngth变量未按预期工作。当我在上面的amount = 1；行上放置一个断点时，我将鼠标悬停在arrayTwelve上，发现它是空的，没有元素。紧接着，我在arrayTwelveLength附近徘徊，期望看到0，但实际上arrayTwelveLength的值似乎是1876662112。我不知道它是如何得到这个值的，我需要解决这个问题。我做错了什么？
NSMutableArray *redValues = [NSMutableArray array];
NSMutableArray *arrayTwelve = [NSMutableArray array];
__blo
浏览 6提问于2017-01-18得票数 1
1回答
当你的鼠标悬停在附件上时，隐藏在滑块广告后面的子导航隐藏在IE下面，我已经设置了滑块层z-index:99；子导航z-index:9999；但它不起作用。
但是在FF和chrome下还可以。如何在IE下纠正它。谢谢
浏览 2提问于2012-03-03得票数 0
回答已采纳
2回答
我正在修改我在教程中找到的css3导航，我在z索引方面遇到了问题。
请在这里查看导航：
如果将鼠标悬停在两个导航项目中的任何一个项目上，您可以看到下拉框的z索引高于生成它的链接。这不是真的，因为我在堆叠顺序中降低了翻转框的z索引。
我试图实现的是让下拉框落在链接的下面，这样下拉框的阴影在顶部是不可见的。我希望链接和下拉框融合为一个，我认为通过使链接坐在下拉框顶部，我可以实现这一点。
它是在Shopify这里完成的：
(翻转‘资源’)
不管怎样，希望有人能解释清楚这一点。我假设问题在于我试图添加z索引的对象是悬停的，而且它们本身也不是常规的div。
无论如何，感谢您至少阅读了所有这些内容。很
浏览 3提问于2012-02-06得票数 1
回答已采纳
当应该调用鼠标“悬停”功能时，我的脚本出现了一点小问题。发生的事情是调用"hover over“函数，并在图像上执行转换。但是，如果您在转换完成之前“悬停”，则不会调用“悬停”函数。
我是JavaScript的新手，所以如果任何人能在我的脚本中发现一个愚蠢的错误，可以很容易地纠正它来获得预期的功能，我将非常感激。
$(function () {
var easing = 'swing';
var transitions = ['fadeToRight', 'fadeToLeft', 'fadeToTop'
浏览 3提问于2012-07-17得票数 1
回答已采纳
我已经编写了水平导航代码，通常可以按预期工作。如果您悬停一个链接，此链接将变得模糊。不幸的是，模糊效果从上到下都被切断了。我可以用更多的padding-top和padding-bottom来解决这个问题，但是导航应该只是一个窄的条带。
有没有办法在将鼠标悬停在导航上的同时放置链接？就像position: absolute;一样？我尝试添加position: absolute;和z-index: 1;。不幸的是，队列中的位置丢失了。
有没有办法保持这个位置在队列中？使用像display: inline;这样的东西
代码如下：
html {
font-family: Arial;
fo
浏览 24提问于2021-03-04得票数 0
1回答
我有一个基于Flexbox的导航菜单与标志对齐在水平中心的内联链接。我试着做的每一支笔或小提琴都不能复制我得到的东西，但你可以使用，这几乎正是我所做的，如果你进入一个检查器，在主标志图像上添加一个锚，你就会明白我的意思。
这个设置的方式是，第三个链接有一个左的自动边缘应用，以填补额外的差距，以适应标志。徽标区域与标记中的nav菜单是分开的，但是flexbox布局使它们彼此一致(在较低的断点处，导航菜单向下移动)。
现在，这一切工作良好，直到你决定让徽标一个可点击的链接。当你这样做时，第三个链接的边距掩盖了徽标的悬停状态。
下面是一个直观的例子：
因此，如果您尝试在边缘区域与其相交的徽标上
浏览 3提问于2015-04-22得票数 1
回答已采纳
2回答
我有一个简单的角页与右侧的角材料导航。当我在app组件上编写所有代码时，一切都按预期工作，导航栏将按预期从工具栏和主页打开。
请参阅
但是，当我试图将应用程序根拆分为组件时，侧边导航会在工具栏上浮动，而不是像mode=" side“的导航条应该做的那样。
请参阅
我试着玩CSS / add fxFlex，但是行为还是一样
我在这里错过了什么？
浏览 1提问于2018-12-18得票数 2
回答已采纳
1回答
关于我的导航，我有一个问题，第二个级别被视频或由javascript创建的其他元素所覆盖(当你悬停"Hier lebe ich“或"Am Meer”时可见)：没有问题，我想，并给了第二个级别一个更高的z索引，但低于第三个级别。但现在第二层部分隐藏了第三层，尽管它的z指数较低： (将鼠标悬停在"Blumen und Pflanzen“下面的菜单项上，然后打开第三层。)CSS：
ul#Navigation li ul {
z-index: 998;
ul#Navigation li ul li {
z-index: 998;
ul#Navigation li ul li
浏览 3提问于2014-04-17得票数 0
3回答
将导航栏放置在其他元素的顶部
、、、、
我在一个网站上工作，在这个问题上我被卡住了，我在css中创建了一个导航条并应用了固定位置属性，但是在它下面，我创建了一个悬停元素，但是这个悬停显示在导航栏之上。以下是一些截图：)
浏览 6提问于2022-09-01得票数 -1
回答已采纳
我创建了一个div，我在这张地图上绝对定位了这个div：
这里，我说的元素是一个div，包含四个白色的椭圆。这个div有position: absolute; z-index: 1。现在请注意右上角的汉堡包按钮-这将打开侧导航菜单，如下所示：
但是，正如您所看到的，前面提到的div被呈现在导航菜单的顶部，我已经给它分配了一个z索引2。(我也尝试过更高的数字)。我似乎无法调整z-指示符，使侧菜单呈现在这个div之上。我怎么才能解决这个问题？
当我将div的位置设置为相对位置时，这不是一个问题，但是，为了美学目的，我需要绝对的。
值得注意的是，侧菜单包含在包装器元素中，该元素位
浏览 4提问于2022-06-21得票数 1
回答已采纳
1回答
我的问题
当我将鼠标悬停在肚脐的某个物体上时，我用css做了一个发光效果，但当我将鼠标悬停在肚脐上时，它的发光并不与下拉菜单重叠。
我试过
向下拉列表中添加z-index:1;，为导航条添加z-index:2;
演示：
浏览 1提问于2020-05-06得票数 1
回答已采纳
我遇到了一个问题，一个幻灯片(使用jQuery循环)在导航中的下拉菜单前面呈现。
奇怪的是，一切都在is中工作，但在Firefox、Chrome和其他像样的浏览器中却是如此。
我想这与z索引有关，但我不知道如何修正它。
您可以在上查看代码。
Try在第三个导航菜单项上悬停以查看下拉菜单。您可以使用Firebug在导航的第三个<li>上设置class=“悬停”，以直观地“锁定”悬停状态并调试.
我怎么才能解决这个问题？下拉菜单总是需要在幻灯片的顶部。
浏览 3提问于2010-06-21得票数 0
回答已采纳
1回答
Mega下拉框周围的边框
、、、
我正在建立一个CSS唯一的下拉列表。我需要在主导航列表中的<li>周围有一个连续的边框，以及作为悬停时出现的子菜单的嵌套<ul>。
目前，我正在尝试通过使用z- <ul>属性将索引定位在<li>下，来消除子菜单和顶部导航栏相交的顶部边框。索引附加了相对定位，索引子菜单与此相关(我意识到z- <li>只适用于定位的元素)。Z-index似乎正在工作，但边界继续显示出来。
您可以看到一个示例
浏览 2提问于2013-01-14得票数 0
我习惯于使用bookdown创建不需要托管在work服务器上才能正常工作的书籍。我通常将_book目录保存在与我的团队共享的驱动器上，这样当我的用户单击其他地方的链接时，他们就会被带到生活在OS文件系统上的书中。
对于quarto，在这方面，几乎所有的东西都与bookdown类似。然而，当我试图导航到index.html登陆页面时，夸托似乎希望它能在一个when服务器上运行，这样链接就不会指向book-name/index.html，而是指向book-name/。当我在文件系统中使用它时，会引发一个错误。
是否有办法确保我的目录中索引页的链接显式地引用book-name/index.html？
浏览 4提问于2022-11-16得票数 2
1回答
我有一个带有阴影效果的标题条，并包含导航链接；当您悬停在它们上时，会出现一个子菜单。
如何使子菜单出现在头条后面的图层上？我需要标题的框阴影投射在子菜单的顶部。
目前，子菜单( .main-navigation li ul )的z索引低于头条( .site-header )，但这没有任何效果。我尝试给它一个负的z-索引，但这把它放在内容后面(因此隐藏)并且链接不再工作-我已经读到这是一个常见的问题，所以我想避免使用负z索引。
希望你能帮上忙。
浏览 1提问于2013-09-19得票数 0
回答已采纳
2回答
我有一个维度的delphi形式，比如(600 * 400)，即width = 600，height = 400。我在它上面放了3块大小相同的面板，尺寸(150 * 300)彼此等距离。
现在，我需要在调整窗体大小时(手动或通过最大化按钮使其变小或变大)，面板应随窗体调整自身的大小。
为此，我使用了锚点属性。但它并没有像预期的那样工作。面板正在相互重叠。我搞不清哪个锚属性设置为true，哪个设置为false才能完成此功能。在这件事上请帮帮我。
浏览 1提问于2012-11-28得票数 0
回答已采纳
3回答
我有一个表，它在行上悬停时使用框影来显示一些样式。在我发现在IE11中它不起作用之前，这是很好的。
问题似乎在于，使用z-index：-1来避免td高于tr，在IE11中并不像预期的那样工作。
table td {
position:relative;
background-color: #EFEFEF;
z-index: -1;
}
我已经创建了一个在铬中工作的小提琴，但在IE11：中不起作用。
所以我的问题是：
IE11和z-索引是否存在已知的问题：-1？我发现了一些与z索引相关的东西，但并没有具体涉及到这个案例。
我怎么才能解决这个问题？我尝试了不同的东西，但没有一个
浏览 2提问于2018-11-10得票数 2
我有两张图片，点击后，我使用addClass添加了一个名为' active‘的类，并将图片更改为活动状态颜色：
$("#img-onlinebooking-guest").click(function() {
$(this).addClass('active');
$('#img-onlinebooking-acc').removeClass('active');
$(this).attr("src", "images/bookgue
浏览 2提问于2013-04-02得票数 0
回答已采纳
1回答
我已经盯着这个看了几个小时了，读了几十篇关于IE7中z索引怪癖的文章，我似乎无法摆脱这个bug。可能与我已经盯着这个代码看了10个小时的事实有关:)
如果你在IE7中打开下面的地址，这个bug是非常明显的。当页面加载时，将鼠标悬停在主导航上的菜单项上，您会注意到下拉菜单被强制放在标题幻灯片图像后面。我似乎已经尝试了所有的方法，但当然总会有解决方案的……
我正计划用一个弹出框来禁用IE6的站点，提示用户考虑步入这十年，但对于IE7，我希望它能工作。
任何帮助都会很棒！
浏览 2提问于2012-12-17得票数 1
我正试着在我的书页上弹出一个弹出。首先，我需要一个面板，它之上的一切(Hider)。我试过使用css索引。但问题是:我的隐藏面板并不是站在我的导航栏上，而是位于母版页面的-Navigation栏上--甚至我的导航栏的z索引也比hiderpanel低。
有什么想法吗？
编辑:我的内容css：
.wrapper
{
position:fixed;
background-color:#313338;
width:100%;
margin:0px 0px 10px;
padding:0px;
height:30px;
浏览 2提问于2016-10-20得票数 0
1回答
这个 (某人)显示了这个问题。
CSS类.WHYYYYY显示了我面临的“两个”问题。
为了让垫菜单在悬停时打开，我需要在菜单按钮上设置z-index:1050; ()。
这就造成了“对话框迷雾”的问题。(单击-> SB按钮)
我发现覆盖层的默认“z索引为1000”。
看来我有两种解决办法。
给雾一个更高的z指数(黑客)
(所需的解决方案)使悬停菜单与普通z索引一起工作。
我不明白为什么我需要z-index:1050;。似乎当垫子菜单打开时，它会将"z索引“猛增一段时间，因此我触发了按钮(mouseleave)事件(这实际上会再次关闭它的席菜单)。
浏览 1提问于2019-02-06得票数 3
回答已采纳
1回答
在我们的web应用程序中，我们计划在Flex中开发顶部导航，并将普通HTML.On中的页面内容悬停在顶部导航的菜单上，显示子节点。子项应该显示在HTML内容的顶部。那么顶部导航SWF文件的高度应该是多少，覆盖才能正常工作。最初，顶部导航的高度将是40像素。在悬停时，它会说200px.ie的swf文件的高度应该是200px？如果最初是这种情况(而不是悬停)，那么在顶部的导航和html内容之间将会有一些空白空间。或者我应该在HTMl内容中使用一些CSS来克服这个问题？请提供一些实现这一点的想法。任何帮助都将不胜感激。
THanks，Jish
浏览 0提问于2009-10-20得票数 0
我们有顶部导航菜单，其中有悬停。在页面的content部分，我们有一个iframe，src
这是一个pdf文件。所以iframe会在其中呈现一个pdf文件。
当用户悬停在菜单上时，子导航位于pdf iframe下方。
有什么帮助吗？如何在iframe上呈现菜单。
浏览 2提问于2016-08-20得票数 0
1回答
我有一个滚动导航菜单，其中(理想情况下)第一组按钮的两边都应该有20px of #000104。将鼠标悬停在“关于”和“属性”上时，卷展栏将继续，#000104位于扩展选项的后面。
不过，我在限制第一组按钮的大小时遇到了麻烦。做这件事最好的方法是什么？(我的主要问题是每个按钮都有不同的长度-关于、博客、联系人、属性；如何动态调整背景颜色的大小？)
浏览 2提问于2013-02-18得票数 0
回答已采纳
1回答
我正在使用引导构建一个可折叠的侧边栏，当侧边栏切换到一个迷你导航时，我试图让一个子菜单从侧边栏中弹出。
示例：
当窗口大小> 767时，单击“切换”按钮，侧边栏将缩小为一个迷你导航。然后，当您悬停在齿轮图标(设置)上时，子菜单将显示在图标右侧的侧边栏中(当您悬停图标时，可以通过向右滚动来看到这一点)。我希望这个子菜单显示在侧边栏之外。有人能帮我吗？
浏览 7提问于2015-04-02得票数 0
回答已采纳
最初的悬停是有效的，" over“类在mouseenter上被添加，在mouseout上被移除，但在使用class="risk”在段落上做了一些悬停之后，切换类变得卡住了，mouseover删除了它，而不是添加类(与预期的功能相反)
//changes risk map point color when hovering over
// risk list item on right hand side
$("p.risk").bind("mouseenter mouseleave", function(e){
$(this)
浏览 1提问于2009-08-04得票数 0
1回答
我有一个顶部导航，当它不悬停的时候，它的半透明。
nav.top-bar {
background: none;
opacity: 0.6;
transition: opacity 0.4s;
}
nav.top-bar:hover{
opacity: 1.0;
}
此导航包含一个搜索字段。它通过AJAX实时搜索，并在搜索字段下面显示搜索结果。
然而，它也是顶级导航的子代，它在不悬停时会变得半透明。因此，搜索结果也是半透明的。
如何防止它变成半透明的？
编辑:将透明度应用于顶部导航的背景和文本颜色的将无法工作，因为它也包含图像。
EDIT2:你可以在我的主页上查看
浏览 0提问于2015-03-19得票数 0
回答已采纳
我已经在我的网站上对我的画廊缩略图应用了灰度颜色悬停效果，它们似乎工作得很好。但是，它们与顶部的固定导航栏发生了冲突。
例如，如果您向下滚动查看下方的“图形设计”缩略图&想要使用导航栏移动到“艺术”部分，这是不可能的，因为彩色的悬停缩略图挡住了去路！有没有人碰巧知道这个问题的解决方案？谢谢!
浏览 0提问于2012-01-05得票数 0
回答已采纳
3回答
似乎我的下拉菜单--它的z索引--正在做一些奇怪的事情：
当您悬停菜单项“佣金”时，下拉菜单将位于图像下方。
我已经检查了图像本身的z索引和.mega-sub-menu的z索引.对我来说都没问题。.mega-sub-menu类的z索引为999，而图像却没有。
我已经将position: relative; z-index: 1;添加到图像中，但这并没有解决问题。
延迟加载程序是否有可能对图像进行处理，从而使其通过子导航？
浏览 4提问于2020-01-02得票数 1
回答已采纳
4回答
IE7上的Z-索引问题
、、、
**这个问题是悬赏的，因为下面的答案没有解决问题。
我在IE7中调试一个页面，遇到了一个问题。当您将鼠标悬停在导航链接上时，下拉菜单将位于其下方的幻灯片下方。dropdown ul的z-index绝对为10，滑块相对于其父菜单的z-index为1。#滑块中的某些东西导致菜单落后于它。
你可以在上查看
我使用jquery更改了#slider的每个子级的z索引：
$(function() {
$('.jFlowSlideContainer').css('z-index', '1');
})
$(function
浏览 0提问于2010-02-01得票数 1
回答已采纳
1回答
当我悬停在菜单上时，子菜单出现了，但在使用之前消失了，我尝试在不同的地方添加页边距和z索引，但似乎找不到确切的问题。
www.stlymbnwyboutique.com
浏览 1提问于2016-06-13得票数 0
回答已采纳
1回答
当悬停在特定产品上时，它会显示在导航栏上
[!图像也在导航栏上滚动。
本项目采用的技术是- react +顺风CSS。
建议CSS用于此
浏览 3提问于2022-11-05得票数 -1
回答已采纳
2回答
下拉菜单后面的图库插件
、、、
该网站是，如果你悬停在“图片库”在主导航，下拉定位后的外挂插件，你不能点击画廊下面的任何链接-包装。我试过使用z索引，但没有结果。
知道为什么那些链接不能点击吗？
浏览 2提问于2013-12-02得票数 0
回答已采纳
1回答
所以我为我的网页下面的移动视图做了一个基本的幻灯片菜单，当你点击隐藏复选框的标签时，里面的包装器会向右滑动，显示菜单。它工作得很好，在移动设备上也很有反应。唯一的问题是，我现在无法点击链接。我试着提高z指数，但这并没有任何好处。任何帮助都会很热。以下是指向该网站的链接：。缩小您的浏览器或使用Chrome的移动模拟器来查看它。
浏览 2提问于2016-01-25得票数 0
回答已采纳
1回答
我有一个图像，我想让覆盖的文本在鼠标悬停时移动(我也尝试了悬停，但没有更好的效果)，而文本想要在鼠标悬停时反弹。
CSS
.backgroundImage {
/*opacity: .7;*/
display: block;
width: 100%;
height: auto;
}
HTML
section style="float: left;">
<img src="_images/engaged-buying-a-home.jpg" alt="Avatar"
class="backgro
浏览 5提问于2018-07-26得票数 1
1回答
我有一个WordPress网站。我的站点在iOS设备(如Mac、iPad和iPhone )上不像预期的那样工作。菜单和鼠标悬停仅在iOS设备中不能正常工作。单击“菜单导航”时，无法看到菜单项。字体颜色似乎与背景相同，但当单击菜单项区域时，链接工作。此外，与菜单相关的CSS代码似乎只适用于iOS设备。
我调试了控制台错误，发现WOW.js并不只在Safari中工作。
下面是显示Safari中控制台错误的屏幕截图：
我试图通过参考在线建议的解决方案(包括 )来解决这个问题，但无法解决。我还试图添加与z索引相关的CSS代码，但没有成功.
受影响的站点是. ，除了在iOS设备中，它还正常工作。有
浏览 0提问于2015-12-08得票数 2
回答已采纳
2回答
所以我正在尝试创建一个从背景图像后面弹出的下拉导航。我认为最好的方法是使用z-index，但我似乎无法让它工作……这里是链接，看一看，你就会看到我要做的事情：。基本上，当你将鼠标悬停在顶部导航项目上时，我希望子导航从撕破的羊皮纸后面滑出来。我已经在这个问题上挣扎了一段时间。下面是我的CSS和HTML，如果需要更多，我可以发布更多。任何帮助都是令人惊叹的！
CSS：
.header {
background: url(../../assets/images/repeatable-tear.png) repeat-x;
height: auto;
position: abs
浏览 1提问于2012-07-17得票数 3
2回答
我有一个固定的底部导航栏，我的“链接”列表在悬停时不会打开。当我能打开它时，它会打开，而不是向上。我确实将bottom: 0;添加到CSS中的悬停部分，但这不起作用。任何帮助将感谢-new的HTML和CSS，这将是一个学校的最终项目！
在CSS中将bottom: 0;添加到悬停部分，尝试注释掉部分以修复边距/填充，并尝试了z函数。
链接到代码
期待有“链接列表”打开向上，并在前面的一切！！
浏览 4提问于2019-09-20得票数 0
回答已采纳
1回答
我在这里有示例页面：
.area-toc a {
position: absolute; /* Position them relative to the browser window */
left: -120px; /* Position them outside of the screen */
transition: 0.3s; /* Add transition on hover */
/*padding: 2px; *//* 15px padding */
width: 140px; /* Set a specific width */
浏览 1提问于2018-08-13得票数 2
1回答
导航和内容重叠的问题
、、、、
提前谢谢。
我有一个导航栏，当你将鼠标悬停在导航栏上时，它会滑出，与页面其余部分的内容重叠。这在大多数情况下都很好用，但当我将flash或jquery元素放在屏幕上时，这些元素会显示在导航上。
我知道解决这个问题的一种方法是将导航栏html放在其他导航栏的下面，但另一种方法会更好。
浏览 0提问于2011-11-27得票数 0
回答已采纳
2回答
边栏中可点击Div的问题
、、、、
我已经尝试了几种解决方案，但是导航侧栏中链接的可点击区域并不是它们应该在的位置。我只是想得到整个div，甚至只是里面的文字是一个链接。
如果你悬停在“家”的顶端，你最终会找到其中的一个链接。我很早就尝试过的解决方案之一似乎最终解决了这个问题，但随后导致整个侧栏都有滚动宽度，并将社交媒体图标向下推到屏幕底部，他们拒绝让步。不幸的是，我似乎再也找不到这个解决方案了，因为它是唯一一个实现了我想要的东西的解决方案，即使它破坏了许多其他事情。
本来应该有下拉菜单的，但是即使把它们拿出来也没什么用。
这不是Weebly的问题，我查过了。
浏览 1提问于2015-06-10得票数 0
回答已采纳
1回答
背景色隐藏其他框影
、、、
我有一个表，当您悬停一行时，我想设置一些样式，所以我使用了box-shadow，并添加了相应的z索引来完成这项工作。问题是，当我将td设置为背景颜色时，它只会使其位于框影的顶部，因此悬停不起作用。
如何解决此问题，以便在td 元素中同时具有背景色，并在行上悬停时执行框影样式？。
我把它复制在一个简单的jsfiddle中：
检查当您在行上悬停时，框影是否位于其他行的后面。如果您对td背景色的行进行注释，它只起作用：
table td {
/* background-color: #EFEFEF; */
z-index: 1;
}
知道为什么会发生这种事吗？
浏览 0提问于2018-10-05得票数 0
回答已采纳
我以前使用过CSS Sprite很多次，从来没有遇到过这个问题。
悬停时不会发生变化，链接本身也不会被识别为链接(即悬停时光标不会改变，也不能点击)
我有一种感觉，它们不工作的原因是因为在父元素上使用了z-index属性。
我试图通过将相关类的z-index设置为比包含(父)元素的z-index更高的z-index来解决这个问题，但a:hover背景位置的变化仍然不可见。
任何关于我如何解决这个问题的想法都将不胜感激。
浏览 1提问于2010-11-15得票数 1
1回答
我正在研究。如果你将鼠标悬停在它在导航中的帮助上，下拉菜单可以正常工作，但第二个项目会被切断，不能正确显示。我试着尝试Z-Index，但没有成功。
浏览 1提问于2014-08-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
