编辑 - 来自web-graphics.com

#ti\tle {                            /* 6. */
  display: list-item;                /* 1. */
  list-style-image: url(banner.jpg); /* 2. */
  list-style-position: inside;       /* 3. */
  letter-spacing: -1000em;           /* 4. */
  font-size: 1pt;                    /* 5. */
  color: #fff;                       /* 5. */
}

一些注释：

我们为h1提供了列表项的特征。
我们假装我们的横幅图片是列表样式图片。
Firefox希望您将图像放入其中。
我们通过Malarkey的图像替换（MIR）使文本消失在黑洞中。
由于MIR在Opera中不起作用，我们将font-size设置为1pt并使文本变为白色。这适用于Opera的默认打印设置。其他图像替换技术依赖于移动或移动隐藏机制，所有这些都会隐藏我们的形象。于是小而白的文字。
由于IE5和IE5.5不支持列表样式图像，我们通过简单的转义黑客排除这些浏览器。

这就是全部。它适用于IE6，Firefox 1.0和1.5以及Opera 8.5 - 不了解Safari，但我希望没有问题。 Konqueror 3.5在横幅下方显示黑色“H” - 但是，

Answer 2

默认情况下，Internet Explorer（以及其他一些浏览器，例如Opera或Maxthon）会打印一个没有任何背景图像或颜色的网页。要打印包含所有背景图像或颜色的网页，打开Internet Explorer并转到工具 - > Internet选项 - >高级。在“设置”窗口中，您需要向下滚动，直至找到“打印 - >打印背景颜色和图像”选项并进行检查。完成后按“应用”，然后“确定”，这样可以解决打印问题。

Answer 3

简而言之，请尝试使用打印样式表。

查看此问题以获取更多信息：

How can I print background images in FF or IE?

Answer 4

//在您的asp文件中，创建一个名为prnMode的vbscript变量并进行设置 //在打印模式下为true。然后用这个

包围整个标签

<body>
<% If prnMode Then %>
<div style="visibility: visible;">
<% End If %>
... your web page goes here
<% If prnMode Then %>
</div>
<% End If %>
</body>

//我实际上没有打印，但打印预览现在显示颜色和图像。

Answer 5

将图像放在HTML中而不是CSS中

HTML

  <img src="../some_images.jpg" />

不是

background-images:url(../some_images.jpg);

打印带有背景图像和颜色的网页？

5 个答案:

编辑 - 来自web-graphics.com