Internet Explorer 6, 7 및 8에서 CSS3 기능을 활성화하는 방법은 무엇입니까?

18

IE9는 매우 유망 해 보이지만 IE6, IE7 및 IE8은 앞으로 몇 년 동안 우리를 괴롭 히고 웹에서 CSS3의 확산을 늦출 것입니다.

HTC 및 JS를 기반으로하는 많은 프로젝트가 IE에 CSS3 지원을 추가합니다.

CSS3PIE
IE7.js
eCSStender
DD_roundies
border-radius.htc (곡선 코너)
즉 -css3.htc
즉 -css3.js

CSS3PIE ( http://docs.composite.net/ 에서 반올림 작업)에 대한 경험 만 있으며 마우스 오버 효과를 제외하고는 잘 작동하며 순수한 CSS3입니다.

다른 프로젝트는 IE에 어떤 CSS3 기능을 제공합니까? 그들 중 확실한 승자가 있습니까?

css3 internet-explorer-6

— mawtex
소스

1

왜 그들 모두를 시도하고 당신이 찾은 것을 알려주십시오? 블로그가 있다면 많은 관심을 불러 일으킬 수있는 훌륭한 게시물이 될 것입니다.

— John Conde

CSS3PIE 사이트 css3pie.com/documentation/product-comparison 에서 이것을 찾았 지만 편향 될 것으로 예상되므로 질문입니다. 좋은 느낌을 얻으려면 약간의 실제 경험이 필요합니다.

— mawtex

8

아직 아무도 밟지 않았으므로 이에 대한 답변을 드리겠습니다. 대부분 http://css3pie.com/documentation/product-comparison/ 을 읽고 인터넷 검색을 통해 수집됩니다 . CSS3PIE에 대한 경험 만 가지고 있습니다. 다른 프로젝트를 알고 있다면 자유롭게 편집하십시오.

CSS3PIE CSS3 국경 - 반경, 구배, 박스 그림자 제이슨 존스턴을 추가 좋은 지원에 의해. 이것에 대한 나의 경험은 그것이 잘 작동하고 국경 반경을 크게 지원한다는 것입니다. 호버 효과에 문제가 있습니다 (이 목록의 모든 항목은이 문제를 겪을 것으로 예상되지만) 정적 HTML에서 사용될 때 완벽하게 보입니다. http://css3pie.com/ 에서 추가 정보

Keith Clark의 ie-css3.js CSS3 유사 클래스 선택기에 대한 지원이 추가되었습니다. jQuery와 같이 포함하는 다른 js 라이브러리에서 만찬하기 때문에 매우 작습니다. 이것은 CSS3PIE와 같은이 목록의 다른 프로젝트와 잘 작동 할 수 있습니다. http://www.keithclark.co.uk/labs/ie-css3/ 에서 더 많은 정보
업데이트 ie-css.js 프로젝트는 여기에서 다시 태어났습니다 : http://selectivizr.com/

Dean Edwards Works IE6, 7 및 8의 IE9.js IE는 투명 PNG, 부모> 자식 및 : 최초 유형, 고정 위치, 최대 / 최소 너비 / 높이 지원과 같은 새로운 CSS 선택기를 지원합니다. 지난 몇 년 동안 많은 작업이 진행된 것이 제 인상입니다. 일부 리뷰는 정말 긍정적이고 일부는 무시합니다. http://code.google.com/p/ie7-js/ 에서 추가 정보

Aaron Gustafson의 ecsstender 는 IE6, 7 및 8과 함께 작동합니다. 모듈 방식으로 CSS3 선택기, 글꼴, 테두리, 상자 그림자, 색상 및 변형에 대한 지원이 추가되었습니다. 매우 잘 문서화되었습니다. http://ecsstender.org/extensions 에서 추가 정보

Drew Diller의 DD_roundies 테두리 반경 및 png에 대한 지원이 추가되었습니다. http://www.dillerdesign.com/experiment/DD_roundies/에 대한 추가 정보

Remiz Rahnas의 border-radius.htc 아주 간단한 border-radius 지원. http://code.google.com/p/curved-corner/에 대한 추가 정보

ie Fetchak의 ie-css3.htc 경계 반경과 텍스트 그림자를 지원합니다. CSS3PIE는 경계 반경을 더 잘한다고 주장합니다. http://www.fetchak.com/ie-css3/ 에서 자세한 정보

— mawtex
소스

3

다음은 Smashing Magazine의 CSS3 및 IE6에 대한 유용한 기사입니다. http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

— 알렉스
소스

3

이 기사는 "border-radius.htc"에 대한 훌륭한 소개이지만 대부분 CSS3 기능을 모방 할 수있는 IE 전용 CSS 필터 목록입니다. 웹 개발자 는 오래된 IE 특정 CSS 코드를 많이 작성 하지 않고 표준 CSS에 중점을두고 IE가 "border-radius.htc"및 "CSS3PIE"와 같이 이에 반응하도록하고 싶습니다.

— mawtex

0

Chrome 프레임을 사용해보십시오 . 설치 한 IE 사용자는 브라우저를 전환하지 않고도 Chrome의 렌더러에서 사이트를 탐색 할 수 있습니다.

편집 : Google에서 제공하는 JS 라이브러리를 사용하여 사용자에게 Chrome 프레임을 설치하도록 초대하는 메시지를 표시 할 수도 있습니다. Flash와 같이 원 클릭 설치이므로 브라우저를 다시 시작할 필요가 없으며 완료되면 페이지를 새로 고칩니다.

— 댄 파불 리치
소스

따라서 귀하의 제안은 기본적으로 IE6 / 7 / 8로 향후 질문 포스터 사이트를 방문하여 방문하기 전에 Chrome 프레임을 설치하게하려는 모든 사람들에게 다가가는 것입니까? 전 세계의 모든 IE 사용자가 대신 Chrome으로 전환하는 것이 쉽지 않을까요?

— Nir

@Nir 사용자가 Google JS 라이브러리를 사용하여 GCF를 설치하는 방법을 설명하기 위해 편집했습니다. 꽤 좋습니다.

— Dan Fabulich

한 번의 클릭 설치 (BTW, Vista의 경우 플래시를 설치하려면 5 가지 보안 경고가 필요합니다-한 번의 클릭으로 너무 많이 필요)) 둥근 모서리를 사용할 수 있도록 사용자에게 브라우저 플러그인을 설치하도록 요구하는 꿈은 아닙니다 나는 설치할 유일한 사람을 정말로 신뢰하고 내 제품을 좋아하는 사람, 즉 둥근 모서리없이 살 수있는 사람을지지합니다).

— Nir