>  기사  >  웹 프론트엔드  >  즉, css3.htc는 무엇입니까?

즉, css3.htc는 무엇입니까?

藏色散人
藏色散人원래의
2020-12-24 09:19:122258검색

ie css3.htc는 IE 브라우저가 [box-shadow]뿐만 아니라 일부 CSS3 속성을 지원할 수 있도록 하는 htc 파일입니다. 또한 IE 브라우저가 둥근 모서리 속성 [border-radius] 및 텍스트 Shadow 속성 [을 지원할 수도 있습니다. 텍스트 그림자].

즉, css3.htc는 무엇입니까?

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터.

추천: "css 비디오 튜토리얼"

ie-css3.htc (IE에서 상자 그림자, 둥근 모서리, 텍스트 그림자 지원)

IE 자체에는 비슷한 효과를 얻을 수 있는 그림자 필터가 있으며 일부는 js 및 .htc 해킹 파일을 사용하면 IE에서 이러한 효과를 얻을 수 있습니다. 다 해볼 수는 없어서 제가 사용해본 것 하나만 소개하겠습니다.

사용 방법: 다운로드하여 서버 디렉토리에 넣습니다.

93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1에 다음 코드를 작성합니다.

<!--[if IE]>
<style type="text/css">img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie-css3.htc);}
</style>
<![endif]-->

상자를 사용하여 파란색 부분 입력에 사용 Shadow 속성에는 녹색 부분에 ie-css3.htc의 절대 경로 또는 상대 경로를 입력하여 접근이 가능한지 확인하세요.

그럼 괜찮습니다. 하지만 여전히 주의해야 할 몇 가지 사항이 있습니다:

  • 이 htc 파일을 사용한 후 CSS에서 box-shadow, -moz-box-shadow 또는 -webkit-box-shadow가 기록되는 한 무엇이든 가능합니다. 방식으로, IE가 그것을 렌더링할 것입니다.

  • 이 htc 파일을 사용할 때는 box-shadow: 0 0 10px red를 쓸 수 없지만 box-shadow: 0px 0px 10px red는 IE에서 실패합니다.

  • 은 RGBA 값의 알파 투명도를 지원하지 않습니다.

  • 내부 그림자 삽입을 지원하지 않습니다.

  • 섀도우 확장은 지원되지 않습니다.

  • 다른 색상을 설정하더라도 그림자는 IE에서 검은색으로만 나타납니다.

따라서 이 스크립트는 IE가 일부 box-shadow 값만 지원하도록 허용합니다. 다른 더 나은 IE 해킹이 있다면

위 내용은 즉, css3.htc는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.