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

小编典典

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

html

有什么方法可以设置ff并打印背景图像？

我正在使用星星图像对一些技能进行分类，我将其设置为背景图像，并定位为设置一个开始，两个，三个等。当我尝试打印页面时，图像消失了。

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

阅读 270

2020-05-10

共1个答案

小编典典

您是否考虑过使用打印样式表？这可以使您执行以下操作：

<div class="star">*</div>

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

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

甚至更简单：

<div class="star"><img src="./images/star.jpg" alt="*" /></div>

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

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

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

<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
<link rel="print stylesheet" type="text/css" href="print.css" media="print" />

2020-05-10