css | 일부 영역만 인쇄 안될 때 (인쇄 미리보기 배경 그래픽 체크)

1. 상황 : div 1~10개 중에서 div2만 인쇄가 안되는 상황. 

인쇄 대상으로 설정한 페이지에는 표시되는데 인쇄 미리보고 창에는 안뜸. 

 

2. 원인 : div2만 배경 그래픽으로 설정되어 있어서 

인쇄 미리 보기 창에서 옵션 > 배경그래픽을 체크 해야 인쇄 미리보기에 표시됐다. 

(페이지 내용은 가림) 

3. 해결방법 : 해당 div의 style 설정에 배경그래픽도 인쇄되도록 추가 

 

@media print{/* 인쇄 미리보기에서 []배경그래픽을 체크해야만 보였던 div2에 아래와 같이 설정 */
    .div2 {
        -webkit-print-color-adjust: exact !important;
    }
}