html - 背景色のプロパティが印刷CSSを取り込まない

Question

print css でラベルの背景色を指定しようとしています。境界線の色は取りますが、css の background-color プロパティは取りません。それを修正する方法は？

http://jsfiddle.net/gVLeg/embedded/result/

#stateLabelLeftSo {
  display: inline-block; 
  margin-left: 4px; 
  border: 1px solid red; 
  background-color: green;
}


@media print {
  body {
    margin:0;
    padding:0; 
    line-height: 1.4em; 
    word-spacing:1px; 
    letter-spacing:0.2px; 
    font: 12px Arial, Helvetica,"Lucida Grande", serif; 
    color: #000;
  }
  .mainDiv {
    display: none;
  }
  #soLeft { 
    width: 300px;
    border: 1px solid red; 
    background-color: green;
  }
  #billTextSO { 
    width: 101px;
  }
  #attentionTextSo { 
    width: 101px; 
  }
  #addressTextSo { 
    width: 101px; 
  }
  #cityTextSo {
    width: 40px; 
    margin-left: 5px; 
    height: 13px; 
  }

Answer 1

cssのbackground-colorはデフォルトでは印刷できないため、お勧めしません。背景色がテキストを覆っている場合があります。背景が必要な場合は、画像を直接使用できます。