Question

我有一个由css控制的导航栏，可以很好地处理悬停效果，问题是我有一个链接，我无法做任何事情，我希望该链接位于导航栏的顶部，而不会禁用悬停效果。该链接有一个附加到它的下拉菜单，我想保留。我无法对此链接做任何事情的原因是因为我使用的是设计平台像这样工作：编辑 - ＆gt; Toprow对象：Navmenu（链接） - HTML文档（我的导航栏） - 搜索字段。（我通过插入对象来修改外观）当我发现z-index时，我以为我想到了这一切。但是，当我把代码放在这样的时候：

.main-nav-top {
    background: black url("picture");
    border-bottom: 1px solid #a4a4a4;
    border-top: 1px solid #a4a4a4;
    height: 47px;
    width: 1070px;
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

下拉列表工作得很好，但悬停效果消失了

当我把代码放到这样的时候：

.main-nav-top {
    background: black url("Picture");
    border-bottom: 1px solid #a4a4a4;
    border-top: 1px solid #a4a4a4;
    height: 47px;
    width: 1070px;
position:absolute;
left:0px;
top:0px;
z-index:+1;
}

悬停的效果非常好，但下拉链接消失了。有什么方法可以解决这个问题吗？

Answer 1

嗯，为此你不能做任何事情，除了在它上面创建另一个元素并在说出0.1s后让它可见（所以你的动画仍然有用）。当新元素变得可见时，它将取代动画元素，从而愚弄人们。

Z-index面向对象，但仍然保持对象的功能

1 个答案: