Атрибут Z-index CSS

Question

У меня проблема с z-индексом.

Я хочу установить <a>, что при наведении курсора он меняет класс <a> и делает это над чем-то.

Так что я установить <a> «s z-index=-1 и другая вещь z-index=1 и при наведении он меняется <a>» класса s и в классе z-index=2 поэтому предположим, что над другой вещью, но это не делает , Я попытался установить это при наведении, вместо того, чтобы менять z-index. Я изменил другую вещь z-index на -2, но все же это не сработало.

Я не хочу использовать display=none, а затем менять дисплей, потому что, когда изображение не перечеркнуто, вы все еще можете увидеть его.

В чем проблема? Как это исправить?

Thx за помощь: D

EDIT: Вот код: за

Код:

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"); 
}; 

вы сделали что-то вроде этого?

Answer 2

Чтобы сделать z-index работы вы должны иметь одно из этого position (ов) к вам стиль элемента

• абсолютной
• относительная
• фиксированной

любой другой position сделать z-index не Работа.