JavaScript打印（）风格不一致

Question

编辑：

任何推荐的黑客？

我正在考虑在后端生成一个图像，然后在新窗口中打开该图像，然后打印出图像。

---

我被隐藏的其他元素通过

$(...).hide(); 

打印页面的部分，然后通过

window.print(); 

调用打印，但在所有浏览器我遇到一些风格不一致。具体来说，背景颜色消失。

普通网页视图：

打印预览：

相关的HTML（玉）如下：

amount-due.span2 
    dl 
    dt Amount Due 
    dd.align-right <%= RP.util.currency_to_symbol[invoice.currency.toLowerCase()] %> 
     <% if (invoice.state !== "paid") { %> 
     span <%= invoice.total_amount %> 
     <% } else { %> 
     span 0 
     <% } %> 

和

d.darken <%= RP.util.currency_to_symbol[invoice.currency.toLowerCase()] %><%= invoice.total_amount %> 

相关的CSS如下：

和

Answer 1

我不知道，没有任何浏览器中，保存的缘故墨水/墨粉，关闭背景颜色和图像以进行打印。

一些提供用户偏好重新启用它。

设计你的样式表时，假设所有的背景都是白色的，并使用其他方式（如粗体文本）来突出特定位的内容。

Answer 2

这是因为您的浏览器不打印背景。

如果你使用Firefox，你可以这样做：

文件>页面设置...>格式&选项>选项>打印背景（颜色&图片）

或

Firefox按钮>打印...>页面设置...>格式&选项>选项>打印背景（颜色&图像）