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,380
28 div 2개 나란히 정렬하는 방법 관리자 09-09 4,942
27 HTML, CSS - 헤더컬럼 고정형 table 구성하기 관리자 09-06 4,497
26 Drag and Drop File Upload 관리자 09-03 3,081
25 rowspan으로 합친 table에서 룰오버 관리자 08-23 2,586
24 스마트에디터 입력 용량 체크 관리자 07-06 1,966
23 자바스크립트 정규표현식 모음 관리자 07-03 1,252
22 [Javascript] 쓰레드(웹 워커-Web worker)를 사용하는 방법 관리자 04-13 1,122
21 구글 차트 관리자 04-12 1,696
20 Camera API 관리자 04-07 850
19 전화번호 자동 정규식 처리 관리자 04-06 901
18 picocss 관리자 04-03 850
17 CSS 폰트 적용하기 관리자 03-15 752
16 JQuery html2canvas div 이미지 저장 (div 영역 이미지 캡쳐) 관리자 03-15 2,470
15 [#. CSS] 이미지 위에 텍스트, 글자 올리기 text on image 관리자 03-15 2,548
14 다음 지도 api 주소을 좌표 구하고 여러개 마커 제어하기 관리자 03-08 1,138
13 jquery upload 관리자 02-27 685
12 QR코드 활용에 관하여… 관리자 02-08 916
11 비밀번호 정규식 모음 관리자 11-21 830
10 JQuery 노드찾기 관리자 11-12 844