Z- 색인 속성 CSS

Question

Z- 색인에 문제가 있습니다.

<a>으로 설정하고 싶을 때 마우스를 올리면 <a>의 클래스가 변경되어 무언가가됩니다.

그래서 내가 설정 한 <a>의 클래스와 클래스의 z-index=2 그래서 다른 것 이상으로 생각하지만, 그렇지 않은의 z-index=-1 다른 일의 z-index=1 당신은 그것이 <a> 변경 마우스를 가져 가면 ' . 그 대신 호버 켜기로 설정하려고했습니다. <a>의 z-indexz-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 : jQuery를에

#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

,

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

이 같은 짓을?

Answer 2

어떤 다른 positionz-index을하지 수 있도록 당신이

상대

는

을 고정

• 절대 당신 스타일 요소에이 position (들) 중 하나가 있어야합니다 z-index 작품을 만들려면 작업.