이 z- 인덱스는 어떻게 강제 적용 할 수 있습니까?

Question

On euroworker.no/order (Kjøp 및 Handlevogn과 함께 카트에 항목을 추가하십시오).

제품 이름을 마우스로 가리키면 어떤 이유에서든 이름 위에 표시되지만 선과 다른 제품 이름과 같은 다른 요소 아래에있는 그림을 보여주는 툴팁이 있습니다.

Z- 색인은 사이트의이 부분에서 사용할 수있는 가장 높은 999로 설정되었습니다. 이보다 더 높은 지수는 없습니다.

JSFiddle of the tooltip code here.

중간에 툴팁을 표시하려면 어떻게해야합니까? 나는 right:50%;을 시도했지만 그것이 옳지 않다고 생각합니다.

감사합니다.

참고 : 나는 수업에 일부 ID 년대를 변경 :) 필요가 있다고 알고

Answer 1

를 설정하면 당신은 그것을 중앙 수

HTML : :

width: 130px; 
left: 50%; 
margin-left: -65px; /* since the half of 130 is 65*/ 

배경이 조금 이상

<div id="JSwrap"> 

<div id="cart2Produkt"> 


<p> 
    <a href="/Target-7050-Softphone-USB-Duo.220" target="_blank" class="tooltip" title="Target 7050 Softphone USB Duo "> 

     <div class="back" ><img src="http://www.euroworker.no/public/upload/productimage/220-353-2.jpg?1251413379" alt="Target 7050 Softphone USB Duo " /> 
      <br /> 

     </div> 

     Target 7050 Softphone USB Duo 


    </a> 
</p> 

    <p> 

    </p> 
</div> 
</div> 

CSS는 :

#JSwrap{ /*for jsfiddle only*/ 
    position:absolute; 
    left:100px; 
    top:50px; 
} 

#cart2Produkt { 
    /*z-index: 2000;*/ 
} 

#cart2Produkt a.tooltip .back { 
    z-index:999; 
    display:block; 
    position:absolute; 
    left:-999px; 
    opacity:0; 
    padding:2px 3px; 
    margin-left:8px; 
    width:130px; 
    -webkit-transition: opacity; 
    -webkit-transition-timing-function: ease-in; 
    -webkit-transition-duration: 500ms; 
} 

#cart2Produkt a.tooltip:hover .back{ 
    z-index:-1; 
    display:block; 
    position:absolute; 
    left:15px; 
    opacity:1; 
    background:#ffffff; 
    border:1px solid #cccccc; 
    color:#6c6c6c; 
    top:-35px; 
    border-radius:5px; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    text-align:center; 
    vertical-align:middle; 
    padding:1px; 
    -webkit-transition: opacity; 
    -webkit-transition-timing-function: ease-out; 
    -webkit-transition-duration: 500ms; 

} 

#cart2Produkt img { 
    z-index:999; 
} 

나는 귀하의 사이트에서 그것을 시도하고 괜찮 았는데.

Answer 2

그 질문에 오타이지만, Z- 인덱스가 픽셀로 설정되지 않은 경우 확실하지. 그것은해야한다 :

z-index: 999;