참조 : 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 |