Internet Explorer 7에서 CSS :after 및 :before 의사 요소를 어떻게 사용할 수 있습니까?

Internet Explorer 7의 CSS 의사 요소 :after 및 :before: 솔루션

CSS 의사 요소 :after 및 :before는 필수입니다. 웹페이지에 콘텐츠와 스타일을 추가하는 데 사용됩니다. 그러나 Internet Explorer 7(IE7)에서는 기능이 저하될 수 있습니다.

문제:

최신 브라우저와 IE8에서 완벽하게 작동함에도 불구하고 이러한 의사 요소는 지원되지 않습니다. IE7에서는 특정 스타일을 구현하려는 개발자에게 장애물이 되었습니다. 응용 프로그램.

해결책:

순수한 CSS 핵으로는 이 문제를 해결할 수 없지만 외부 JavaScript 라이브러리는 실행 가능한 해결 방법을 제공합니다.

1. IE8.js:

이 라이브러리는 CSS 의사 요소에 대한 지원을 포함하여 IE7에서 IE8의 동작을 에뮬레이션합니다. 다음 스니펫을 사용하여 프로젝트에 포함할 수 있습니다.

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

2. jQuery 의사 플러그인:

이미 jQuery를 사용하고 있다면 이 플러그인은 IE7의 의사 요소를 지원하여 기능을 향상시킵니다.

http://jquery.lukelutman.com/plugins/pseudo/

참고:

IE8.js는 IE6과 IE7에만 필요하며 다른 브라우저에서는 이를 무시합니다. 반면에 jQuery 플러그인은 모든 브라우저와 호환됩니다.

위 내용은 Internet Explorer 7에서 CSS :after 및 :before 의사 요소를 어떻게 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!