打印CSS生成的渐变

问题描述：

我试图搜索这一切，但没有发现任何接近我的问题在任何地方。打印CSS生成的渐变

有谁知道是否可以打印出一个CSS生成的线性渐变？我嘲笑我的老板的网站，它看起来非常好，但是当我尝试制作一个友好的打印页面时，渐变完全不显示。

作为参考，我试图打印的是一个指示条，其顶部有一个滑块元素，用于指示范围内值的结果。

页面上的渐变看起来非常棒，但只是不显示在打印对话框中。

在此先感谢！

愚蠢的问题：你确定它不只是对话框弄乱渐变？换句话说，如果你真的打印页面，它是否正确？我知道一次或两次打印预览误导复杂的css – 2012-08-07 19:28:23

答

如果我正确理解你的问题，听起来像所有的背景图像不打印正确吗？这是IE的默认行为。要打印背景图形（可能包括您的'渐变图形'，打印 - >页面设置，然后单击“打印背景颜色和图像”
希望这会有所帮助

绝对值得看看 – Vikram 2012-08-07 19:29:41

Chrome似乎没有这个选项，但你可以在页面设置选项下使用Firefox。 – j08691 2012-08-07 19:30:15

感谢您的快速回复！我终于明白这是发生了什么。现在是时候找到一个可行的解决方案。感谢大家！ – 2012-08-07 19:41:34

答

不确切，但打印呈现除了浏览器引擎之外，它自己的引擎。

它典型地（除了说，iPad）滤除背景图像和某些类型的渲染材料以保存在墨迹上。唯一的改变方法是如果用户更改他或她自己的打印首选项

没有CSS或Javascript方式来实现此目的，除非您将页面呈现为图像，并打印图像。

如果您愿意，我可以进入更多细节，但除了iPad之外，打印格式如电子邮件格式是一个棘手的问题。