테스트 사이트 - 개발 중인 베타 버전입니다

특정영역 div 페이지마다 인쇄할 수 있는 방법 질문드립니다. 채택완료

8년 전 조회 5,256

혼자서 골머리를 싸면서 하는데 답이 안나와서 질문올립니다ㅠ

@media print {

  body * {

    visibility: hidden;

  }

  #section-to-print, #section-to-print * {

    visibility: visible;

  }

  #section-to-print {

    background-color: white;

        height: 100%;

        width: 100%;

        position: fixed;

        top: 0;

        left: 0;

        margin: 0;

        padding: 15px;               

  }

}

지금 css를 이런식으로 설정해서 #section-to-print에 인쇄하고 싶은 div를 넣어서 

인쇄가 가능하도록 만들었는데요.

여기서 업그레이드해서 한번 버튼을 누르면 

html 한 페이지가 아니라 여러페이지에 각각 똑같이 설정된 #section-to-print가 동시에 인쇄가 되서

한번에 다 인쇄될 수 있도록 할 수있는 코드를 짜고싶은데 답이 안나와서요..

혹시 작은 힌트라도 주신다면 감사히 연구해보겠습니다ㅠㅠ 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

한 페이지가 아니라 여러페이지에 각각 똑같이 설정된 <-- 무슨 말인가요?

열려있는 페이지를 인쇄하는 것이 아니라 열려있지않은 페이지들도 인쇄를 하겠다는 것인가요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

네 그렇습니다! 안 열려있는 페이지도 한꺼번에 하고 싶습니다.

예를 들어 제품목록이 1페이지부터 10페이지까지 있는데 한번만 눌러도 전체가 다 나올수 있도록요..

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고