打印背景颜色在Firefox和IE

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浏览器，火狐

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

Answer 3

如果你是有你的元件是固定的高度/宽度OK，你可以设置它的大小，把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

似乎是不可能的，因为星火说，但你可以用某个边界宽作为解决方法（如分度，高度为0和100像素的边界）。