검색어 자동완성 기능 (AJAX) 을 작업하면서 그림과 같이 구현에 성공했다.

사실 AJAX 관련 프로그램은 모두 처리해 놓구선, div 태그의 z-index  부분이 아래 항목에 가려서 나타나는 짜증나는 현상이 계속 발생했었다.
하루종일 구글팅을 한거 같다. ㅋㅋㅋ

결국은 자바스크립트로 z-index 의 위치속성을 나타낼때에는 CSS 와 달랐다는 사실이 있을 줄이야~

적용된 자바스크립트 관련 소스는 아래와 같다.

 divList = document.createElement("div");
 divList.id = "divAutoCom";
 divList.style.border = "solid 1px #dddddd";
 divList.style.backgroundColor = "white";
 divList.style.width = "500px";
 divList.style.position = "absolute";
 divList.style.zIndex = "20";

자바스크립트 상으로는 zIndex 이야. 대소문자 구별에 유의하자 ㅎ