css - 背景画像を印刷するには？

Question

印刷オプションをクリックすると、背景画像が印刷されません。助けてください。
ここに私のcssがあります

.OldNote {  
    background-image: url(/images/icons/arkiv.gif);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    margin: 0px;
}

Answer 1

通常、背景画像を印刷するか印刷しないかは、ユーザーとそのブラウザの設定次第です。ブラウザの設定を確認してください。

これに頼りたくない場合は、画像を背景に配置せず、ページの<img>-tag に配置してください。

Answer 2

画像を表示したい場所ならどこでも、次のような画像タグを追加できます。

 <img src="url" class='printableonly' /> 

次にCSSで、次のようにすることができます：

  @media screen {
      .printableonly{
           display: none;
       }
  }

  @media print{
     .printableonly {

          display: inline;

       }
   }

Answer 3

背景にしたい場合は、一般的な背景のように繰り返す方法がわかりません。コンテンツの下に配置するには、css を使用して、コンテンツの前に他の要素に追加し、両方の要素に css position: absolute style を * z-index: .. *とともに指定します。ここで、コンテンツの z-index は大きくなります。 .

たぶん、非常によく似たフルサイズのバックグラウンドソリューションを検討するかもしれません