April Breeze is blowing...

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.

TRACKBACK :: http://aprilbriz.com/trackback/109

  1. CSS3로 할 수 있는 것들 - CSS3 Click Chart

    : Firejune Blog 2010/02/11 01:16 Delete

    라운디드 코너, 그림자, 그라디언트, 등의 다채롭고 흥미로운 그래픽 효과를 부여할 수 있는 CSS3는 마법과도 같습니다. Impressive Webs의 Louis Lazaris씨는 CSS3를 이용하여 가능한 예시를 일목요연하게 조회하고 쉽게 응용할 수 있도록 CSS3 Click Chart를 만들었습니다. box-sizing, border-radius, shadows, RGBA colors, multiple columns, HSLA colors...

  2. Adderall xr.

    : Adderall side effects adults. 2011/08/20 03:56 Delete

    Adderall. Get adderall xr without a prescription. Adderall chest pain. Adderall smoking. Adderall no prescription.

  3. Search results cheap fioricet.

    : Fioricet online. 2011/08/20 07:59 Delete

    Fioricet. Buy fioricet with codeine online. Generic fioricet. Order fioricet. Buy fioricet. Order fioricet 32.

  4. Buy alprazolam.

    : Buy alprazolam. 2011/08/20 15:11 Delete

    Buy alprazolam. Phone numbers to buy alprazolam. Buy alprazolam cheap. Want to buy alprazolam. Buy alprazolam next day delivery.

  5. Tramadol no prescription.

    : Tramadol no prescription. 2011/08/20 19:51 Delete

    Tramadol no prescription.

  6. Buy azithromycin.

    : Buy azithromycin. 2011/08/20 23:22 Delete

    Buy azithromycin.

  7. Phentermine side effects.

    : Discount phentermine. 2011/08/21 11:36 Delete

    Phentermine. Phentermine prescription. Buy phentermine.

  8. Buy oxycodone.

    : Buy oxycodone hydrochloride immediate-release capsules. 2011/08/21 15:27 Delete

    Buy oxycodone without a prescription. Buy oxycodone no rx.

  9. Percocet no prescription.

    : Percocet no prescription. 2011/08/22 03:56 Delete

    Percocet no prescription.

  10. Butalbital.

    : Butalbital. 2011/08/22 12:21 Delete

    Butalbital. Cheap butalbital.

  11. Oxycontin.

    : Oxycontin addiction. 2011/08/22 20:21 Delete

    Oxycontin addiction. Oxycontin crush. Buy oxycontin. Oxycontin. Oxycontin settlement. Buy oxycontin without a prescription.

  12. Adderall.

    : Adderall. 2011/08/23 04:26 Delete

    Online adderall. Buying adderall online pharmacy. Adderall. Adderall addiction. Adderall weight loss. Adderall xr. Adderall snort. Adderall dosage.

  13. Butalbital no prescription.

    : Butalbital no prescription. 2011/08/23 12:50 Delete

    Butalbital no prescription.

  14. Ambien no prescription.

    : No prescription ambien next day delivery. 2011/08/23 19:10 Delete

    Ambien for sale no prescription. Ambien no prescription. Ambien no prescription free overnight shipping. No prescription ambien. Ambien no prescription fedex. Online pharmacy no prescription ambien.

  15. Tramadol no prescription.

    : No prescription tramadol. 2011/08/23 23:53 Delete

    Tramadol no prescription.

  16. Buy fioricet generic online.

    : Buy fioricet overnight. 2011/08/24 00:24 Delete

    Buying fioricet. Buy fioricet online archives october bloghoster. Buy cheap fioricet. Buy fioricet.

  17. Fioricet.

    : Fioricet. 2011/08/24 08:21 Delete

    Fioricet.

  18. Omeprazole.

    : Omeprazole. 2011/08/24 10:50 Delete

    Omeprazole.

Leave a Comment
[로그인][오픈아이디란?]
1  ... 22 23 24 25 26 27 28 29 30  ... 117 
전체 (117)
calm (50)
passion (3)
Bicycle (31)
dev. (12)
Mac (3)
music (7)
misc. (11)
Today 29 / Yesterday 68
Total 69138
Support Wikipedia