| 적용을 안해봐서 잘 되는지 모르겠네요. 웹사이트의 기능상 레이어를 사용하여 특정 레이어가 동적으로 움직인 다거나 마우스를 따라 이동되는 등의 효과를 나타내게 작업을 해야 할 경우가 생긴다. 그런데 불행히도 Form 객체 중 하나인 <select></select> 객체가 화면에 존재할 경우 이들이 항상 최상위로 나타나는 문제가 있다. 이는 zindex 로도 해결이 되지 않는다. 이에 대한 해결은 무식한 방법이지만 해당 페이지의 모든 Select 객체를 감춰버리는 것이다. 아래 함수는 이러한 역할을 한다. function showSelects(bVisible) { // only IE actually do something in here var selects = []; if (document.all) selects = document.all.tags("SELECT"); var l = selects.length; for (var i = 0; i < l; i++) selects[i].runtimeStyle.visibility = bVisible ? "" : "hidden"; } 레이어 작업시 showSelects(false) 로 감춰 버리고 다시 showSelects(true) 로 보여지게 하면 된다. 출처 - http://www.ihelpers.co.kr |
반응형
'인터넷정보' 카테고리의 다른 글
| 레이어 가운데 위치시키기 (0) | 2007.10.17 |
|---|---|
| CSS와 자바스크립트로 만든 간단하고 깔끔한 메뉴 (0) | 2007.10.17 |
| CSS와 자바스크립트로 만든 간단하고 깔끔한 메뉴 (0) | 2007.10.17 |
| 메뉴에 마우스오버시 배경색이 이동하면서 바뀌는 스크립트 (0) | 2007.10.17 |
| 메뉴에 마우스오버시 배경색이 이동하면서 바뀌는 스크립트 (0) | 2007.10.17 |
| 레이어 사용시 Select 객체에 가려지는 문제에 대한 해결책 (0) | 2007.10.17 |
| 마우스커서 회전시키기 (0) | 2007.10.17 |
| 마우스커서 회전시키기 (0) | 2007.10.17 |
| 이미지 업로드 미리보기 기능 (0) | 2007.10.17 |
| 이미지 업로드 미리보기 기능 (0) | 2007.10.17 |