배경색을 인쇄하기위한 스타일 시트가 무시되었습니다.

Question

각 tr에 "odd"와 "even"을주는주기를 만드는 표를 만듭니다. 내 스타일 시트에서 나는 이것을 가지고있다 :

 
table tbody tr.odd { 
    background-color: #cccccc; 
} 

이 것은 브라우저에서 작동하지만 인쇄 할 때는 작동하지 않는다. 내 미디어 스타일 시트의 다른 모든 것은이 배경색을 제외하고 작동합니다.

인쇄 할 수있는 색상이 있습니다. 색상으로 이미지를 인쇄 할 수 있습니까?

Answer 1

기본적으로 대부분의 브라우저는 인쇄 할 때 CSS 배경색과 이미지를 무시합니다. 브라우저가 그러한 옵션을 가지고있는 경우에만 브라우저의 설정을 변경하면이 설정을 무시할 수 있습니다 (Quentin이 지적한대로하지 않는 옵션도 있음).

Answer 2

인쇄 미리보기에서 div의 배경색을 얻을 수 있습니다. divForBgColor:before의 테두리 색은 divForBgColor의 배경색이됩니다.

.divForBgColor { 
    position: relative; 
    overflow: hidden; 
} 

.divForBgColor:before { 
    content: ''; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    border: 9999px solid #f1f2f2; 
    z-index: -1; 
}