CSS 해상도 관계없이 배경이미지 화면 가운데에 보이기
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 5,063회
작성일 13-02-08 21:49
본문
1. CSS에 다음과 같이 선언
#body_bg {
position: absolute;
z-index: -9999; <===다른 레이어 보다 뒤에 보이게
text-align: center;
left: 50%;
top: 50%;
margin: -50px auto 0 -150px; <=== -50px는 높이 100px / 2, -150px는 너비 300px / 2
width: 300px; <=== 배경 이미지 넓이
height:100px; <=== 배경 이미지 높이
background: transparent url(/img/main/brand.jpg) 0 0 no-repeat;
}
2. body 태그 다음에 배경 이미지 보이게하면 끝!!
<div id="body_bg"></div>
#body_bg {
position: absolute;
z-index: -9999; <===다른 레이어 보다 뒤에 보이게
text-align: center;
left: 50%;
top: 50%;
margin: -50px auto 0 -150px; <=== -50px는 높이 100px / 2, -150px는 너비 300px / 2
width: 300px; <=== 배경 이미지 넓이
height:100px; <=== 배경 이미지 높이
background: transparent url(/img/main/brand.jpg) 0 0 no-repeat;
}
2. body 태그 다음에 배경 이미지 보이게하면 끝!!
<div id="body_bg"></div>
댓글목록
등록된 댓글이 없습니다.