나는이 회사에서 처음 왔으며 몇 마일의 CSS를 사용하는 제품이 있습니다. 앱에 인쇄 가능한 스타일 시트를 만들려고하는데에 문제가 background-color있습니다 @media print.
@media print {
#header{display:none;}
#adwrapper{display:none;}
td {
border-bottom: solid;
border-right: solid;
background-color: #c0c0c0;
}
}다른 모든 기능은 테두리를 수정할 수 있지만 background-color인쇄에서는 나오지 않습니다. 이제 나는 더 자세한 내용 없이는 내 질문에 대답하지 못할 수도 있음을 이해합니다. 누군가 전에이 문제가 있거나 비슷한 것이 있으면 궁금했습니다.
답변
사용자가 인쇄 설정에서 “배경색 및 이미지 인쇄”를 해제 한 경우 CSS가이를 무시하지 않으므로 항상 설명해야합니다. 이것이 기본 설정입니다 입니다.
일단 설정되면 배경색과 이미지를 인쇄 할 수 있습니다.
다른 곳에서 발견됩니다. IE9beta에서는 용지 옵션 아래의 인쇄-> 페이지 옵션에 있습니다.
FireFox에서는 옵션 아래의 페이지 설정-> [포맷 및 옵션] 탭에 있습니다.
답변
Chrome에서 백그라운드 인쇄를 사용하려면 다음 단계를 따르세요.
body {
-webkit-print-color-adjust: exact !important;
}답변
알았다:
CSS :
box-shadow: inset 0 0 0 1000px gold;테이블 셀을 포함한 모든 상자에서 작동합니다 !!!
- (PDF 프린터 출력 파일을 믿어야하는 경우 ..?)
- 우분투의 Chrome + Firefox에서만 테스트되었습니다 …
답변
이것을 시도해보십시오 .Google 크롬에서 저에게 효과적이었습니다.
<style media="print" type="text/css">
.page {
background-color: white !important;
}
</style>답변
-webkit-print-color-adjust: exact; 혼자서is Not enough
사용해야합니다!important 속성과 함께 합니다
이 크롬에 미리보기를 인쇄 한 후 내가 추가 한 !important각 background-color및 color각 태그의 attrubute
그리고 이것은 추가 하기 전에 크롬에 미리보기를 인쇄 하고 있습니다.!important
이제 inject !important스타일을 div 하는 방법을 알고 싶다면 이 답변을 확인하십시오 .“! important”규칙으로 스타일을 주입 할 수 없습니다
답변
작동하는 두 가지 솔루션 (최신 Chrome에서-최소한 테스트를 거치지 않은) :
- ! 정규 CSS 선언 작업에서 중요한 권리 (@media 인쇄조차도 아님)
- svg 사용
답변
“프린터 친화적”페이지를 만들려면 @media print CSS에 “! important”를 추가하는 것이 좋습니다. 이것은 대부분의 브라우저가 배경 이미지, 색상 등을 인쇄하도록 권장합니다.
예 :
background:#3F6CAF url('example.png') no-repeat top left !important;
background-color: #3F6CAF !important;