Z-index屬性CSS

Question

我的z-index有問題。

我想設置一個<a> ，它在何時懸停時會更改<a>的類，並使它超出某個范圍。

所以我已經設置了<a>的z-index=-1和其他東西的z-index=1 ，當您將其懸停時，它會更改<a>的類，並且在類中將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

要使z-index有效，您的樣式元素必須具有以下position之一

• 絕對
• 相對的
• 固定

任何其他position會使z-index不起作用。

Answer 2

在jQuery中，

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

你做了這樣的事嗎？