익스플로러9 이하 브라우저에서 CSS3 속성(radius, shadow) 사용하기
익스플로러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를 사용 가능해요.
익스가 문제네요. 웹 표준은요...
|
댓글을 작성하시려면 로그인이 필요합니다.