background-image 프린트 할 때 안 보이는 현상
background-image 속성으로 이미지를 표시해놨고 프린트할 때 미리보기에서는 해당 이미지가 안보이며, 프린트 출력에도 나오지 않는 현상이 있었다.
이유는 이랬다. 브라우저에서 기본적으로 배경색과 이미지를 인쇄하는 옵션이 꺼져있으며, 이것을 우회하기 위해서 아래 CSS 코드를 적용하면 간단하게 해결 할 수 있다.
* {
-webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
color-adjust: exact !important; /*Firefox*/
}
출처
How can I force browsers to print background images in CSS?
This question was asked before but the solution is not applicable in my case. I want to make sure certain background images are printed because they are integral to the page. (They are not images
stackoverflow.com