如何在 twitter bootstrap 中打印背景图像答案

【问题标题】：How to print a background image in twitter bootsrap如何在 twitter bootstrap 中打印背景图像
【发布时间】：2017-01-27 03:08:54
【问题描述】：

我只是想知道如何在引导程序的 div 中打印背景图像。我可以在页面中看到图像，但是当我尝试打印时它不存在。

这是我的html

  <div class="row">

	<div class="col-p-3 card">1</div>
	<div class="col-p-3 card">1</div>
	<div class="col-p-3 card">1</div>
	<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？将不胜感激任何帮助

【问题讨论】：

标签： html css twitter-bootstrap twitter

【解决方案1】：

您的代码将按原样打印 4 个带背景的 div - 刚刚对其进行了测试。您可以在 Google Chrome 中的 DevTools > More Tools > Rendering settings > Emulate CSS Media > print 中进行演示。我会在代码以外的地方寻找修复。

【讨论】：

【解决方案2】：

对于任何与我有相同问题的人，这是可能的解决方案。 Web 浏览器默认禁用背景图形，请确保启用背景图形。这个人真的帮我解决了这个问题 https://stackoverflow.com/a/3894013/6098616.

【讨论】：