Question

当我点击打印选项背景图片不打印时..请你帮帮我这是我的CSS

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

Answer 1

通常由用户及其浏览器设置来打印或不打印背景图像。检查您的浏览器设置。

如果您不想依赖它，请不要将图片放在背景中，将其放在页面上<img> - 标签。

Answer 2

您可以添加这样的图像标签，只要您想要显示图像：

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

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

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

  @media print{
     .printableonly {

          display: inline;

       }
   }

Answer 3

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

也许您可以查看非常相似的全尺寸背景解决方案

如何打印背景图片？

3 个答案: