CSS 스타일을 사용하는 웹 페이지가 인터넷 Explorer 제대로 렌더링되지 않음

  • 아티클

경고

사용과 지원이 중단된 Internet Explorer 11 데스크톱 애플리케이션이 Microsoft Edge 업데이트를 통해 특정 버전의 Windows 10에서 영구적으로 비활성화될 예정입니다. 자세한 내용은 Internet Explorer 11 데스크톱 앱 지원 중단 FAQ를 참조하세요.

이 문서에서는 CSS 스타일 웹 페이지가 인터넷 Explorer 올바르게 렌더링되지 않는 문제를 설명하는 데 도움이 되는 단계를 제공합니다.

원래 제품 버전: 인터넷 Explorer
원래 KB 번호: 262161

증상

페이지가 인터넷 Explorer 로드될 때 웹 페이지의 스타일이 누락되거나 올바르지 않습니다.

참고

이 문제는 웹 페이지에서 인라인 스타일시트를 사용하거나 계단식 스타일시트를 가리키는지 여부에 관계없이 발생할 수 있습니다.

다음 오류 메시지가 표시될 수도 있습니다.

찾으려는 페이지가 이동되었거나 이름이 변경되었을 수 있습니다.

원인

이 문제는 인터넷 Explorer 다음과 같은 조건이 충족되기 때문에 발생합니다.

  • 처음 31개의 스타일 태그 뒤의 모든 스타일 태그는 적용되지 않습니다.
  • 처음 4,095개 규칙 이후의 모든 스타일 규칙은 적용되지 않습니다.
  • 규칙을 사용하여 @import 다른 스타일시트를 가져오는 외부 스타일시트를 지속적으로 가져오는 페이지에서는 3개 이상의 수준 깊이의 스타일시트가 무시됩니다.

추가 정보

네트워크 모니터 도구는 인터넷 Explorer 문제가 발생한 페이지를 수신할 때 TCP 재설정이 발생함을 나타낼 수 있습니다. 그런 다음, 원래 요청이 POST 요청인 경우 인터넷 Explorer 다른 POST 요청을 생성합니다. 또는 인터넷 Explorer 대신 GET 요청을 보낼 수 있습니다.

이 스타일 태그 제한은 .xsl 파일을 사용하여 .xml 파일 보기에도 영향을 줄 수 있습니다. .xsl 파일에 문서 내에 스타일 태그가 포함된 경우 .xml 파일을 보려고 할 때 다음과 같은 오류 메시지가 표시됩니다.

인터넷 Explorer 인터넷 사이트를 열 수 없습니다.
file://c:\aaa.xml

확인을 클릭하면 다음 오류 메시지가 표시됩니다.

페이지를 표시할 수 없습니다.

문제 재현 단계 섹션에 제공된 코드 샘플은 스타일시트를 동적으로 만들고 다음 오류 메시지를 생성합니다.

런타임 오류가 발생했습니다.
디버그하시겠습니까?

줄: 8
오류: 잘못된 인수입니다.

스타일시트가 동적으로 적용되지 않고 스타일 태그를 통해 또는 .css 파일을 통해 <> 적용되는 경우 잘못된 인수 오류 메시지가 생성되지 않습니다. 이 경우 31 스타일시트 뒤의 모든 스타일시트가 무시됩니다.

문제를 재현하는 방법

HTML 페이지에 다음 코드 샘플을 붙여넣습니다. 코드 샘플을 실행합니다. 31 스타일 태그가 적용된 후 오류가 생성됩니다.

<html>
    <head>
        <script>
            function fnCreateStyleSheets() {
                for (i = 1; i <= 32; i++) {
                    document.createStyleSheet()
                    StyleSheetCount.innerText = "Total Style Sheets = " + i
                }
            }
        </script>
    </head>
    <body onLoad="fnCreateStyleSheets()">
        <div id="StyleSheetCount"></div>
    </body>
</html>

참조

자세한 내용은 다음 MSDN(Microsoft Developer Network) 웹 사이트를 참조하세요.