html - Z-index 属性 CSS

Question

我遇到了 z-index 的问题。

我想设置一个<a>悬停时它会更改 <a> 的类并让它成为过去。

所以我设置了<a>的 z-index=-1和另一件事的 z-index=1当您将鼠标悬停时，它会更改 <a>的类(class)和类(class)中的z-index=2所以它应该超越另一件事，但事实并非如此。我试图将其设置为悬停而不是更改 <a>的 z-index我已经改变了另一件事z-index至 -2但它没有用。

我不想使用 display=none然后更改显示，因为当图片不在其他东西上方时，您仍然可以看到其中的一些内容。

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

谢谢你的帮助:D

编辑:这是代码:

代码隐藏:

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

html:

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

当鼠标悬停在 <a> 上时，我希望它结束​​的表格:

<table style="border:1px solid black; padding:0px 0px 0px 0px; margin: 0px 0; position:relative;  z-index:1;" cellspacing="20">

CSS:

    #settingNev {
      float: left;
      width: 100%;
      background: TRANSPERANT;
      font-size: 93%;
      line-height: normal;
    }
    #settingNev ul {
      margin: 0;
      padding: 10px 10px 0 50px;
      list-style: none;
    }
    #settingNev li {
      display: inline;
      margin: 0;
      padding: 0;
    }
//....here is the z-index set................
    #settingNev a {
      float: left;
      margin:0 3px 0 3px;
      padding: 0 0 0 4px;
      text-decoration: none;
      z-index:-1;
      border:1px solid black;
      border-radius: 6px 6px 0px 0px; 
//.............................................
    }
    #settingNev a span {
      float: left;
      display: block;
      padding: 5px 15px 4px 6px;
      color: #666;
    }
    #settingNev a span {
      float: none;
    }
    #settingNev .active a span,
    #settingNev a:hover span {
      color: #FFFFFF;
    }
    #settingNev .active a,
    #cssmenu a:hover {
      background-position: 0 -42px;
      border-bottom:0px solid black;
    }
//....here is the z-index set................
    #settingNev .active a span,
    #settingNev a:hover span {
      background-position: 100% -42px;
      z-index:2;
    }

Answer 1

在 jQuery 中，

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

你做过这样的事吗？