CSS3 등심을 지원 하기 위해 IE를 사용 하는 방법

IE 브라우저에서 둥근된 모서리의 효과 달성 하고자 하는 경우 우리가 일반적으로 등심 그림의 방법 채택. 사진, 기본은 많은 브라우저, 관계의 모든 브라우저가이 방식을 지원 하기 때문에.

우리는 주로 경우 필렛 효과 CSS 3 스타일 시트를 사용 하 여, 그것은 주목할 만한 세 가지 IE 브라우저 버전의 i e 6/7/8 CSS 3만 덜 구문 분석을 지원 하지 않는 설명이 기사 메인스트림 IE 9 지원 HTML 5와 CSS 3 표준을 합니다. CSS 3를 지원 하기 위해 IE를 사용할 수 있는 메서드를 구문 분석의 많은 종류가 있다, IE CSS 3 구문 분석-을 지원 하기 위해 즉 둥근된 모퉁이 그리는 데 브러시를 사용 하 여 VML 벡터 마크업 언어에 대 한 실용적인 방법을 소개 하는 다음:

1, 다운로드는 Microsoft 스크립트 파일 (11 KB)와 올바른 콘텐츠 형식 HTML 파일에 대 한 테스트 서버 압축 패키지: Iecss3.rar; HTC 파일은 IE 커널 지원 웹 동작 후 그런 행동을 설명 하는 스크립트 파일. 그들은 프로그래머는 HTML 페이지에 거의 모든 요소에 적용할 수 있는 속성 및 메서드 집합을 정의 합니다. "연결"이 ActiveX 컨트롤과 같은 바이너리를 다운로드 하는 사용자 보다는 기존의 요소와 컨트롤, 사용자 지정 기능을 프로그래머를 수 있기 때문에 웹 문제 네요.

다운로드 주소: Http://www.iefans.net/wp-content/uploads/2010/12/iecss3.rar

압축 해제, 오픈 test.html 후 디스플레이 효과 반올림 경우 계속할 수 있습니다.

데모를 사용 하 여:

웹 킷 커널 브라우저 지원 "-웹 킷-국경-반경: 10px" 속성 (10px 둥근된 모서리 반지름), 직접 등심; 밖으로 구문 분석할 수 있는 파이어 폭스 브라우저 지원 "-moz-국경-반경: 10px;" 속성, 또한 직접 파싱할 수 등심, 즉 브라우저 추가 해야 "국경-반경: 15px;" 속성입니다.

주의:

1, 동작 URL 작성 해야 합니다-CSS3.HTC, IE의 절대 경로에 때문에 IE 브라우저는 파일을 찾을 수를 현재 HTML 파일 경로 기준으로 동적 프로그램에 대 한 WordPress 생성 페이지 절대 경로에서 입력 해야 합니다.

2, 위치 특성을가지고 있어야 합니다: 위치: 상대;

3, IE 브라우저 이러한 CSS 3 효과의 구현 VML VML 둥근된 모서리 또는 투영 효과에 의해에 의존 하는 때문에 이렇게 또한 z-인덱스 특성이 필요 합니다. Z-인덱스 속성은 최고의 설정 2 등 큰.

4, IE 브라우저에 일부 모듈이이 렌더링을 사용할 수 없습니다 수 하려는 경우 절대적으로 찾습니다 해당 레이어, 즉, 플러스 "폭 시 400px;" 높이: 400px; " Property。

5, radius 속성 10px는 필렛 반지름, 또한과 같은 두 개의 값을 줄 수 있다 "국경-반경: 10px 5px" 왼쪽 위 및 오른쪽 아래 코너 반경 10px, 오른쪽 상단 모서리의 고 더 낮은 왼쪽된 코너 반경 5px 되도록. 오른쪽 및 왼쪽 상단에 4 값을 할당할 수도 있습니다.