如何在FF或IE中打印背景图像？

有没有办法设置ff,即打印背景图像？

我正在使用星星图像来分类一些技巧,我将其设置为背景图像并定位为设置一个开始,两个,三个等.当我尝试打印页面时,图像消失.

那么有什么方法可以让我们在打印页面时出现它们,或者至少有办法用*或者可见的东西替换图像？

1> Ross..：

---

您是否考虑过使用打印样式表？这可以让你做以下事情:

*

/* media:screen */
.star {
    background: ...;
    overflow: hidden;
    text-indent: 9999em;
}

/* media:print */
.star {
    text-indent: 0;
}

甚至更容易:

/* media:screen */
.star img {
    visibility: hidden;
}

/* media:print */
.star img {
    visibility: visible;
}

您可以通过css或link元素提供媒体标记来指定浏览器应使用的样式表:

---

通过这种方法,我可能还有图像而不是背景图像.我使用背景图像,因为拥有一个图像然后位置然后有10个图像要容易得多

2> 小智..：

---

在print.css文件中,将background-image更改为列表项.

所以:

.background {
  display: list-item;
  list-style-image: url(yourbackgroundimage.gif);
  list-style-position: inside;
}

这里更详细地描述了这种方法:http://www.web-graphics.com/mtarchive/001703.php

---

答案中的链接不起作用,但我能够在Wayback Internet Archive上找到它:http://web.archive.org/web/20101205163530/http://web-graphics.com/mtarchive/001703. PHP

3> Ascalonian..：

---

在Firefox中,转到File => Page Setup."打印背景(颜色和图像)"复选框.只需检查一下,你就应该全力以赴.

---

这个.并非所有用户都想要打印背景图像(因为它们没有彩色墨水,彩色墨水更贵等).

4> 小智..：

---

实际上我发现答案很简单.

情况:我有一个带有背景图片的div标签.打印时不会打印出来.

解:

创建另一个名为"print.css"的样式表

在您的原始css样式表链接后立即将以下代码行添加到您的所有网页:

在您的原始非打印标题之后,立即添加以下内容:

在style.css文件中,这是您网站的主要css样式,添加以下行:

#printheader {display: none; } /* Makes the print header not visible */

在print.css文件中,添加以下代码:

#footer, #nav, #sidenav, .print, .search, .breadcrumb, .noprint {display: none;} /* Items from your page you DO NOT want to print */

#container, #container2, #contentwide, #contentwide_tpsub, #contentwide_tp, #contentwide_open {width: 100%; margin: 0; float: none;} /* Clear widths to ensure all text is printed */

#printheader {display: block; } /* Turns ON the div when printing */

您正在做的事情实际上是关闭正常"屏幕"页面上的标题并在打印电话时打开打印头.

**请注意:您需要修改print.css文件以包含style.css文件的其他元素以格式化字体,颜色等.使用"打印预览"进行播放并添加所需的元素直到您得到你一直在寻找的打印输出.