zindex가 IE에서 작동하지 않습니다

Question

나는 투명 드롭 다운으로 div를 가지고 있습니다. 제안 상자로 작동합니다. 아래에 두 개의 입력 상자가 있습니다.이 제안 상자를 호출하면 다른 두 입력 상자와 겹칩니다. iam이 zindex 속성과 position 요소를 사용하여이를 제어하려고 시도하지만 작동하지 않습니다.

도움을 주신 데 대해 감사드립니다. 미리 감사드립니다.

z- 색인을 적용한 후 jsp 페이지에서 내 컨트롤을 보지 못했습니다. FIRSTNAME 값의 chnage에

<tr> 
<td colspan="2">firstname</td> 
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'> 
<tr><td width="25%" style="position:relative;z-inedx:999'> 
<input type="text" name="firstname"> 
</table></td></tr> 
</td> 
</tr> 
<tr> 
<td colspan="2">lastname</td> 
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'> 
<tr><td width="25%" style="position:relative;z-inedx:1'> 
<input type="text" name="lastname"> 
</table></td></tr> 
</td> 
</tr> 

<tr> 
<td colspan="2">middlename</td> 
<td colspan="2"><table cellspacing='0' cellpadding='0' border='0' style='position:relative;float:left;'> 
<tr><td width="25%" style="position:relative;z-inedx:1'> 
<input type="text" name="middlename"> 
</table></td></tr> 
</td> 
</tr> 

, 난이 다른 두 개의 입력 컨트롤을 중복, DIV의 내용을 표시하고있다 : 다음은 코드입니다. 감사합니다. Raj

Answer 1

몇 가지 코드를 게시 할 수 있습니까? 또한 z-index를 사용하려고하는 모든 요소가 위치 지정되어 있는지 확인하십시오 (위치 속성 {relative, absolute} 사용). z-index는 위치 지정된 요소에서만 작동합니다.

Answer 2

Z- 색인은 형제 요소와 만 호환됩니다. 그게 당신 문제입니까?

Answer 3

나는 비슷한 질문에 bgiframe with jQuery UI 1.8.9 Dialog and jQuery 1.5로 대답했다. 상위 요소를 position:relative으로 설정하고 하위 요소 인 제안 상자와 비슷한 z-index을 제공해야합니다. 이것은 IE를위한 트릭을 할 것입니다.

Answer 4

예. 이 문제가 생겼을 때 Position:relative;이 나를 위해 일했습니다. 당신은 그것도 설정해야합니다.

Answer 5

코드가 z-inedx를 사용하고있는 것 같습니다.

Answer 6

z-index의 철자가 잘못되었습니다 : inedx을 작성했습니다.