twitter bootsrapで背景イメージを印刷するには

Question

私はブートストラップのdivに背景イメージを印刷する方法を知りたいだけです。私はページ内のイメージを見ることができますが、印刷しようとするとそこにはありません。ここで

は私のhtml

<div class="row"> 
 

 
\t <div class="col-p-3 card">1</div> 
 
\t <div class="col-p-3 card">1</div> 
 
\t <div class="col-p-3 card">1</div> 
 
\t <div class="col-p-3 card">1</div> 
 
    
 
</div>

そして、ここでは私のCSSは私は背景画像を印刷することができ

@media print { 
 
    .col-p-1, .col-p-2, .col-p-3, .col-p-4, .col-p-5, .col-p-6, .col-p-7, .col-p-8, .col-p-9, .col-p-10, .col-p-11, .col-p-12 { 
 
    float: left; 
 
    position: relative; 
 
    min-height: 1px; 
 
    padding-left: 15px; 
 
    padding-right: 15px; 
 
    padding-top: 15px; 
 
    padding-bottom: 15px; 
 

 

 
    margin-right: auto; 
 
    margin-left: auto; 
 
    } 
 

 
    .card{ 
 
    height: 200px; 
 
    width:200px; 
 
    background-image: url('card.jpg'); 
 
    } 
 
}

ですページ全体。私はこのリンクをたどって、どのようにdivのためだけに印刷するのですか？任意の助けを感謝するでしょう

Answer 1

あなたのコードは、そのまま、実際には4つのdivの背景を印刷する - ちょうどそれをテストした。 DevTools>その他のツール>レンダリング設定> CSSメディアをエミュレート>の印刷でGoogle Chromeでデモできます。私はコード以外のところで修正を探すだろう。

Answer 2

私と同じ問題を抱えている人は、これが解決策です。 Webブラウザでは、デフォルトでバックグラウンドグラフィックスが無効になっています。バックグラウンドグラフィックスが有効になっていることを確認してください。この男は本当に私がこの問題を解決するのを助けた。 https://stackoverflow.com/a/3894013/6098616。