Notice
Recent Posts
Recent Comments
Tags
- ViewBag
- 404에러페이지
- TempData
- asp.net Select
- 바코드 스캔하기
- Mac Oracle
- 파일업로드 체크
- ViewData
- 맥 오라클설치
- 말줄임표시
- 파일업로드 유효성체크
- 바코드 생성하기
- asp.net dropdownlist
- ASP.Net Core 404
- asp.net core Select
- django 엑셀불러오기
- php 캐쉬제거
- javascript redirection
- jquery 바코드
- 강제이동
- 하드 마이그레이션
- javascript 바코드스캔
- 타임피커
- jquery 바코드생성
- 하드 윈도우 복사
- SSD 복사
- javascript 바코드 생성
- XSS PHP
- XSS방어
- javascript 유효성체크
웹개발자의 기지개
div 태그의 z-index 와 zIndex 유의점 본문
1. CSS상에서 z-index
<style type="css/text"> div { position:absolute; top: 50px; left: 50px; z-index: 10; } </style> |
위 소스상에서 div 태그는 z-index 값에 의해 10 의 값으로 임의 지정했는데, 뒷배경 태그 위쪽에 나타난다.
이때, 이 수치는 높을수록 더 위쪽에 나타난다.
그런데, javascript 상에서도 이와 같은 z-index 값을 쓸려고 하면, 키워드 단어가 좀다르다. zIndex (대소문자 주의) 이다.
2. javascript 상에서 zIndex
<script> 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"; </script> |
'jquery' 카테고리의 다른 글
자동 페이지 스크롤 jscroll 사용하기 (0) | 2018.12.27 |
---|---|
지시자 여러개 함께 선택할때 (0) | 2018.12.23 |
preventDefault(), stopPropagation() (0) | 2018.12.13 |
달력 datepicker , 한글화 및 특정일 선택 (0) | 2018.11.19 |
live 함수가 없어졌다. (0) | 2018.11.18 |
Comments