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/기타

번호 제목 글쓴이 날짜 조회수
9 Jquery 또는 플러그인없이 마우스 오버 확대 관리자 07-05 1,337
8 구글 번역 기능 붙이기 관리자 06-10 8,535
7 [jQuery] 웹사이트에 사용가능한 슬라이더(Slider) 관리자 06-09 2,125
6 Datepicker + 년월만 선택하기 관리자 06-06 6,686
5 JCROP을 이용한 이미지 자르기 관리자 05-18 1,059
4 jquery-file-upload 관리자 05-18 1,833
3 [스크립트] printjs 관리자 12-09 1,181
2 [스크립트] eventSwipe. HTML에서 swipe 이벤트를 사용할 수 있도록 해줍니다. 관리자 11-01 1,287
1 [QR] 구글 API로 QR 코드 생성 / Wi-fi 접속 QR 코드 생성 관리자 10-21 3,949