익스플로러9 이하 브라우저에서 CSS3 속성(radius, shadow) 사용하기

 

.box { 
	-moz-border-radius: 15px; /* for Firefox */ 
	-webkit-border-radius: 15px; /* for Crome, Safari */ 
	border-radius: 15px; /* Opera 10.5, 미래 브라우저들 */
	-moz-box-shadow: 10px 10px 20px #000; /* for Firefox */ 
	-webkit-box-shadow: 10px 10px 20px #000; /* for Crome, Safari */ 
	box-shadow: 10px 10px 20px #000; /* Opera 10.5, 미래 브라우저들 */ 
	behavior:url(ie-css3.htc); /* for 구형 익스플로러를 위한 스크립트 핵 */  
} 

 

위에 소스를 사용하시면 익스 9이하에서도 radius, shadow를 사용 가능해요.

익스가 문제네요. 웹 표준은요... 

댓글을 달아 주세요

Posted by 발 빠른 너구리 Fast-Racoon

▲ TOP ▲