참조 : http://fetchak.com/ie-css3/
지원 가능한 CSS3 는
text-shadow , box-shadow , border-radius
이렇게 지원한다. 페이지 로딩시 ie에서는 눈에보인다. 이부분은 어쩔수 없는듯.
참조 사이트 링크에서 htc 파일을 다운로드 한뒤
아래 예시처럼 적용 클래스에 behavior 코드를 같이 넣어준다.
======================================================================================================================================
.box2 { background: transparent url(ashera.jpg); no-repeat top left; width: 414px; height: 262px; margin: 0 auto 35px auto; padding: 15px; border: 11px solid #c6ac6c; position: relative; margin-top: 35px; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; -moz-box-shadow: 10px 10px 10px #000; -webkit-box-shadow: 10px 10px 10px #000; box-shadow: 10px 10px 10px #000; z-index: 2; behavior: url(ie-css3.htc); }======================================================================================================================================
반응형
'WEB > CSS' 카테고리의 다른 글
[ Open Case ] Dan Cederholm / CSS3 FOR WEB DESIGNERS / 정리 (0) | 2011.07.09 |
---|---|
10 Useful CSS3 Tools for Your Next Web Development (0) | 2011.02.07 |
text-indent (0) | 2010.10.25 |