css - 打印 CSS 生成的渐变

Question

我一直试图搜索这个，但在任何地方都没有找到任何接近我的问题的东西。

有谁知道是否可以打印出 CSS 生成的线性渐变？我正在为我的老板模拟一个网站，它看起来非常好，但是当我尝试制作一个适合打印的页面时，渐变根本不显示。

作为参考，我要打印的是一个指示器栏，上面有一个滑块元素，以指示一个范围内的值的结果。

页面上的渐变看起来非常棒，但只是没有出现在打印对话框中。

提前致谢！

Answer 1

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

Answer 2

这里不准确，但打印是在它自己的引擎中呈现的，除了浏览器引擎。

它通常（iPad 除外）过滤掉背景图像和某些类型的渲染材料以节省墨水。改变这一点的唯一方法是用户改变他或她自己的打印偏好。

没有 CSS 或 Javascript 方法可以实现这一点，除非您将页面呈现为图像并打印图像。

如果您愿意，我可以更详细地介绍，但除了 iPad 之外，像电子邮件格式这样的打印格式是一个棘手的领域。