Chrome, Firefox 및 IE9에서 CSS 페이지 번호 매기기가 작동하지 않는 이유는 무엇입니까?

CSS 페이지 번호 매기기에 대한 브라우저 지원

CSS가 널리 사용됨에도 불구하고 해당 기능에 대한 브라우저 지원은 다양할 수 있습니다. 제한된 호환성에 직면한 기능 중 하나는 웹 페이지의 인쇄된 버전에 페이지 번호를 추가하도록 설계된 CSS 페이지 번호입니다. CSS를 사용하여 페이지 번호 매기기를 설정하는 것은 제공된 코드 조각의 예시처럼 비교적 간단한 프로세스입니다.

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

안타깝게도 받은 응답에 따르면 이 기술은 Chrome, Firefox와 같은 널리 사용되는 브라우저에서 문제가 발생했습니다. , 및 IE9에서 웹 페이지를 인쇄하려고 할 때. 이러한 기능이 부족한 이유는 문맥에 명시된 바와 같이 여백 상자에 대한 브라우저 지원 제한에 있습니다.

No wonder it wouldn't work! ... Getting this implemented would save me the overhead of having to convert the printed media to PDF.

"레이아웃 엔진 비교(계단식 스타일 시트)"라는 제목의 인용된 Wikipedia 페이지는 다음을 제공합니다. 여백 상자를 포함한 다양한 기능에 대한 제한된 브라우저 지원에 대한 추가 통찰력. 여백 상자가 브라우저로부터 보다 포괄적인 지원을 받을 때까지 CSS를 통한 페이지 번호 매기기 구현은 여전히 ​​어려운 과제로 남아 있습니다.

위 내용은 Chrome, Firefox 및 IE9에서 CSS 페이지 번호 매기기가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!