April Breeze is blowing...

'CSS3'에 해당되는 글 1건

  1. 2010/02/09 CSS3 border-radius & DD_roundies (for IE)

CSS3 border-radius & DD_roundies (for IE)

CSS3의 border-radius 속성은 코너를 둥글게 해주는 아주 유용한 속성이지만
아직 정식(?)으로 지원하는 브라우저는 없는 것 같고, (있나...-_-)
FF는 -moz-border-radius
Chrome과 Safari는 -webkit-border-radius 라는 속성으로 지원을 하고 있습니다.
역시나... IE는 지원을 안하구요-_-

그런데,
IE에서 이것을 가능하게 해주는 스크립트가 있어서 테스트를 해봤는데 IE6,7,8에서 비교적 잘 작동하네요.
(아래 테스트 페이지의 Quarter Circle은 제대로 안되는것 같음..)

DD_roundies 라는 라이브러리이고,
IE의 VML을 이용해 border-radius 를 구현하게 돼있습니다.
(제작자는 DD_belatedPNG 를 만든 사람이기도 하구요.)



** 테스트 페이지는 아래 링크를 참고했음


ps.
테스트 페이지 제일 아래 Tooltip 에 백그라운드 컬러를 줬더니 IE8 에서는 여백이 생겨버리네요.
DD_roundies 홈페이지에는 IE8은 무지하게 느리다고도 나와있고...


2010/02/09 12:09 2010/02/09 12:09
2010/02/09 12:09
Category dev.
Tag , ,
0 Comment : 18 Trackbacks
1 
전체 (117)
calm (50)
passion (3)
Bicycle (31)
dev. (12)
Mac (3)
music (7)
misc. (11)
Today 37 / Yesterday 35
Total 68784
Feedburner / +HanRSS
Support Wikipedia

공지사항

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

링크