Search

Tag Clouds


인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE

PDF
css3pie.png

PIE(Progressive Internet Explorer)는 인터넷 익스플로러 6-7-8에서 CSS3의 몇몇 속성들을 인식하고 출력하는 첨부파일(.htc)형식의 라이브러리입니다. 얼마 전에 소개했던 IE-CSS3와 마찬가지로 VML을 이용하며, behavior: url(PIE.htc);를 해당 속성에 작성하는 사용방법 역시 비슷합니다. 두드러진 차이점은 보다 많은 CSS3속성들을 지원하고 자바스크립트로 핸들할 수 있다는 것입니다.

  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image

그리고 추가적인 CSS3 속성들을 표현하기 위해 개발중이라고 합니다. IE-CSS3 프로젝트를 포크한 냄새가 강하게 풍깁니다만 언급은 없군요. 아무튼 멋진 프로젝트입니다. 그럴싸한 도메인으로 서비스 되는 것으로 보아 뭔가 공식화 되는 느낌이 드네요.

Mmmmm, pie.
CSS3 features
border-radius
box-shadow
linear-gradient
Options

Comments

Trackback : http://firejune.com/trackback/1622

  1. HeyShangriLa

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by 상미상미상미 at from web | reply

     
     
  2. Nolboo Kim

    #yam RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by Nolboo Kim at from Osfoora for iPhone | reply

     
     
  3. markupengineer

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by baek seung jun at from web | reply

     
     
  4. sadobass

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by ShinHyunSub at from yoono | reply

     
     
  5. jugug

    인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://j.mp/am8ntW

    Posted by 희주 at from Topsy | reply

     
     
  6. kenu

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by Kenu Heo at from Twitter for Android | reply

     
     
  7. yepp4213

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by 김동주 Kim, Dongjoo at from twtkr | reply

     
     
  8. 고경희

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622 #웹개발_ #WWWmake

    Posted by 고경희 at from twtkr | reply

     
     
  9. quisa137

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by ShinGu Park at from web | reply

     
     
  10. bookwormkr

    RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by SangHeon Han at from web | reply

     
     
  11. Lee Semyeong

    RT @kenu RT @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by Lee Semyeong at from HTC Peep | reply

     
     
  12. avatar

    오~~ gradient가 지원되네요~! ie-css3.htc에 지원이 안되서 ie-css3.js를 사용했떠니 radius 적용이 안되더라구요! ^^ 앗! 글구 ie에서 이페이를 접속하니 창이 꺼져버리네요~! 접때 ie-css3처럼여 ^^ 좋은 정보 감사합니다..

    Posted by 총총 at reply edit

     
     
  13. Jung Sanghyuk

    RT @firejune 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by Jung Sanghyuk at from web | reply

     
     
  14. Rhee Chang-Woo

    @firejune: 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by Rhee Chang-Woo at from web | reply

     
     
  15. Rhee Chang-Woo

    RT @firejune 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by Rhee Chang-Woo at from web | reply

     
     
  16. Rhee Chang-Woo

    @firejune http://firejune.com/1622 정말 좋내요 ㅎㅎ

    Posted by Rhee Chang-Woo at from web | reply

     
     
  17. avatar

    멋져요!! 아아 이런게 있다니 ㅠㅠ

    Posted by 데미나인 at reply edit

     
     
  18. jugug

    인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by 희주 at from Topsy | reply

     
     
  19. shadowpra

    RT @firejune 인터넷 익스플로러 6-7-8에서 CSS3사용하기 - PIE http://firejune.com/1622

    Posted by mgsong at from Mobile Web | reply

     
     
  20. avatar

    흠.. 괜찮네요.. ie에서 다소 아쉬움이 보입니다.. 우선 table th에 radius와 gradient가 같이 적용이 안되네요.. input에서도 그냥 radius는 먹는데.. 포커스시 보더컬러값만 변화 시킬수는 없네요.. 다시 설정해줘야한다는.. 그래도 훌륭하네요..^^

    아.. 혹시 ie에서 text-shadow는 안먹나요?? 다른 문법이 있는지 이건 안되네요??

    Posted by 흠냐 at reply edit

     
     
  21. avatar

    captcha