Question

我的z-index存在问题。

我想设置一个<a>，当它悬停时它会更改<a>的类并使其超过某些内容。

所以我设置了<a>的{{1}}和另一个z-index=-1，当你悬停时，它会更改z-index=1的类，并在课程中{ {1}}所以它假设超过了另一件事，但事实并非如此。我尝试在悬停时设置，而不是更改<a>的{{1}}我已将其他内容z-index=2更改为<a>，但它无效。

我不想使用z-index然后更改显示，因为当图片没有超过另一个时，您仍然可以看到其中的一些。

有什么问题？我该如何解决？

请求帮助：D

编辑：这是代码：

代码背后：

z-index

HTML：

-2

当我将鼠标悬停在display=none时，我希望它能够结束：

protected void show_view1(object sender, EventArgs e)
    {
        L1.Attributes.Add("class", "active");
    }

的CSS：

<div id='settingNev' >
<ul >
  <li id="L1"  runat="server"><a id="A1" onserverclick="show_view1" runat="server"><span>Personal</span></a></li>
</ul>
</div>

Answer 1

要使z-index有效，您必须拥有其中一个position（s）到您的样式元素

绝对
相对
固定

任何其他position使z-index无效。

Answer 2

在jQuery中，

$("button").click(function(){
    $("the element").css("z-index","2");
};

你做了这样的事吗？

Z-index属性CSS

2 个答案: