div 및 요소 화면 중앙에 위치시키기

.layer{
display: none;
position: fixed;
left: 50%;
top: 50%;
z-index: 9999;

-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

 

레이어 팝업을 사용하기 위해 display:none;를 추가하였고, 화면 최상위로 빼기 위해 z-index를 9999

0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

HTML/CSS/기타

번호 제목 글쓴이 날짜 조회수
29 자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리 관리자 09-14 5,324
28 div 2개 나란히 정렬하는 방법 관리자 09-09 4,908
27 HTML, CSS - 헤더컬럼 고정형 table 구성하기 관리자 09-06 4,464
26 Drag and Drop File Upload 관리자 09-03 3,051
25 rowspan으로 합친 table에서 룰오버 관리자 08-23 2,548
24 스마트에디터 입력 용량 체크 관리자 07-06 1,930
23 자바스크립트 정규표현식 모음 관리자 07-03 1,216
22 [Javascript] 쓰레드(웹 워커-Web worker)를 사용하는 방법 관리자 04-13 1,086
21 구글 차트 관리자 04-12 1,636
20 Camera API 관리자 04-07 816
19 전화번호 자동 정규식 처리 관리자 04-06 868
18 picocss 관리자 04-03 812
17 CSS 폰트 적용하기 관리자 03-15 716
16 JQuery html2canvas div 이미지 저장 (div 영역 이미지 캡쳐) 관리자 03-15 2,424
15 [#. CSS] 이미지 위에 텍스트, 글자 올리기 text on image 관리자 03-15 2,488
14 다음 지도 api 주소을 좌표 구하고 여러개 마커 제어하기 관리자 03-08 1,103
13 jquery upload 관리자 02-27 650
12 QR코드 활용에 관하여… 관리자 02-08 881
11 비밀번호 정규식 모음 관리자 11-21 795
10 JQuery 노드찾기 관리자 11-12 807