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

我只是补充一点，如果你想让它成为背景，没有办法让它像普通背景一样重复。要将其放在内容下，您可以使用 css 将其添加到内容之前的其他元素中，并赋予两个元素 css position: absolute样式，以及 * z-index: .. *，其中内容的 z-index 会更大.

也许您可能会研究非常相似的全尺寸背景解决方案

Answer 3

你可以像这样添加一个图像标签，无论你想在哪里显示图像：

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

然后在css中，你可以这样做：

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

  @media print{
     .printableonly {

          display: inline;

       }
   }