• Q&A
  • 회원가입
  • 로그인

[css] CSS - zoom 속성 - 이미지 확대 (= 줌 속성 = 익스플로러 하위 브라우저 IE6, IE7 에러 해결 핵)

목차
  1. zoom 예제
  2. zoom 정의
  3. zoom 구문
  4. clearfix 핵
 
zoom 예제

 

<style type="text/css">
.zoom1 { zoom:1; }
.zoom2 { zoom:2; }
.zoom3 { zoom:3; }
.zoom4 { zoom:4; }
</style>

<img src="이미지 주소" alt="1배확대" class="zoom1"><br />
<img src="이미지 주소" alt="2배확대" class="zoom2"><br />
<img src="이미지 주소" alt="3배확대" class="zoom3"><br />
<img src="이미지 주소" alt="4배확대" class="zoom4">

 

 
zoom 정의

 

width height 속성값 사용 않고, 이미지의 특정 배수 만큼 확대.

 


 

※ 익스플로러 하위 브라우저 (IE 6, IE 7) 에러 해결 핵.

 

 
zoom 구문

 

선택자 {zoom:속성값} 

 


[속성값]

number

필수. 배율 크기 나타내는 정수.
(예)
※ 1배 경우, zoom:1  (기본값)

※ 2배 경우, zoom:2

 


PS.
IE6, IE7 에러해결 (= clearfix 클리어픽스 핵)

 

overflow:auto; zoom:1

 

 

오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012