Question

我在Firefox和IE中打印背景色有些问题。对于谷歌浏览器我找到了跟随黑客，它运作良好，但对于Firefox和IE我找不到任何东西。

//Hack for Google Chrome
-webkit-print-color-adjust:exact;

如果有人可以帮助我，我很高兴。

Answer 1

对于“打印”对话框中的Firefox，有一个“高级”或“显示详细信息”按钮，如果单击该按钮，则在“外观”下有两个复选框。一个用于打印背景颜色和打印背景图像。

Answer 2

* {
-webkit-print-color-adjust: exact;
printer-colors: exact;
color-adjust: exact;}

浏览器：Chrome，Safari，FireFox

更多：https://wiki.csswg.org/ideas/print-backgrounds

Answer 3

如果您可以将元素设置为固定的高度/宽度，则可以设置其大小，将1px彩色图像放入其中（任何您想要背景的颜色）并使其填充空间。然后，您绝对可以将您的内容放在首位。

<div style="position: relative; width: 100px; height: 100px;">
    <img src="/images/blue.png" style="width: 100px; height: 100px;">
    <div style="position: absolute; top: 0px; left: 0px;">
        Hello world
    </div>
</div>

或者你可以用边框而不是图像做同样的事情：

<div style="position: relative; width: 100px; height: 100px;">
    <div style="width: 0; height: 0; border: 50px solid black;">
    <div style="position: absolute; top: 0px; left: 0px;">
        Hello world
    </div>
</div>

（原创意见：https://defuse.ca/force-print-background.htm）

Answer 4

适用于Firefox

color-adjust:exact;

与-webkit-print-color-adjust:exact;

相同

Answer 5

似乎不可能，正如Spark所说，但你有时可以使用宽边框作为解决方法（例如div为0高度和100px边框）。

在Firefox和IE中打印背景色

5 个答案: