Internet Explorer 7에서 :after 및 :before CSS 의사 요소가 작동하도록 하려면 어떻게 해야 합니까?

Internet Explorer 7 :after 및 :before CSS 의사 요소 지원

최신 브라우저에서 널리 사용됨에도 불구하고 :after 및 :after : CSS 의사 요소가 Internet Explorer 7에서 올바르게 작동하지 않기 전에. 이는 이러한 요소에 의존하는 웹 개발자에게 심각한 방해가 될 수 있습니다.

해킹 솔루션

안타깝게도 이 문제를 해결할 수 있는 순수한 CSS 해킹은 알려져 있지 않습니다. 그러나 한 가지 효과적인 해결책은 다양한 Internet Explorer 버전에 대한 호환성 지원을 제공하는 JavaScript 라이브러리인 IE8.js를 활용하는 것입니다.

IE8.js로 구현

IE8.js를 구현하려면 문서에 다음 스크립트 태그를 포함하세요.

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>

이 스크립트는 Internet Explorer 7에서는 :after 및 :before 의사 요소를 지원합니다. 다음 링크에서 해당 기능을 테스트할 수 있습니다.

• After: http://ie7-js.googlecode.com/svn/test /after.html
• 이전: http://ie7-js.googlecode.com/svn/test/before.html

조건부 구현

IE8.js가 Internet Explorer 6 및 7에서만 로드되므로 다음 조건을 사용할 수 있습니다. 댓글:

jQuery Alternative

이미 jQuery를 사용하고 있다면 jQuery Pseudo Plugin을 활용하여 유사한 기능을 구현할 수 있습니다.

$("element").pseudo();

이 플러그인을 사용하면 Internet Explorer에서 :after 및 :before 의사 요소의 동작을 시뮬레이션할 수 있습니다. 7.

위 내용은 Internet Explorer 7에서 :after 및 :before CSS 의사 요소가 작동하도록 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!