为什么在 Firefox 和 Internet Explorer 中打印时背景图像消失？

如何在 Firefox 和 Internet Explorer 中打印背景图像

问题：在 Firefox 中打印页面时背景图像消失或 Internet Explorer，尽管使用它们来表示信息，例如指示级别的星号

解决方案 1：使用打印样式表

创建专门用于打印的单独样式表：

/* print.css */

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

将打印样式表链接到您的HTML 文档：

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

解决方案 2：在以下位置显示图像打印

添加图像来代表 DIV 元素中的星星并将其隐藏在屏幕上：

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

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

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

以上是为什么在 Firefox 和 Internet Explorer 中打印时背景图像消失？的详细内容。更多信息请关注PHP中文网其他相关文章！