인쇄 페이지의 배경색을 표시

Question

내 사이트에서 보고서를 인쇄하는 페이지가 있고 show grid 결과에 대한 표를 설정합니다.

내 문제는 배경색이 th입니다.이 배경은 인쇄하기 전에 페이지에 표시되지만, 인쇄 할 때는 th 배경이 표시되지 않습니다.

여기

내 CSS 코드 : -이 페이지를 인쇄 할 때

@media print { 
.head th { 
    background: #CCCCCC; 
    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#CCCCCC)); 
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC); 
    border: 1px solid #000000; 
    font-size: 16px; 
    text-align: center; 
    font-weight:bold; 
    padding:10px; 
    } 
    } 
.wrap{ 
    width: auto; 
    background:#fff; 
    word-wrap: break-word; 
    margin:30px; 
} 
th { 
    background: #CCCCCC; 
    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#CCCCCC)); 
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC); 
    border: 1px solid #000000; 
    font-size: 16px; 
    text-align: center; 
    font-weight:bold; 
    padding:10px; 
} 

는 어떻게 th backgound에 표시 할 수 있습니다.

경제 정상적인 동작 :

Answer 1

은 ... 브라우저 인쇄가 배경 색깔 수 있도록 -webkit-print-color-adjust:exact; 좀보고

valuses을 시도합니다. 배경색과 이미지는 사용자가 브라우저의 인쇄 설정 대화 상자에서 명시 적으로 허용 한 경우에만 인쇄됩니다.

정확한 이 규칙이 적용되는 요소의 배경색과 이미지는 항상 인쇄되며 사용자의 인쇄 설정은 무시됩니다.

희망 하시겠습니까?