打印CSS生成的渐变

5
我已经尝试过搜索,但在任何地方都没有找到与我的问题相似的答案。
有人知道是否可以打印CSS生成的线性渐变吗?我正在为我的老板设计一个网站,看起来非常好,但当我尝试制作适合打印的页面时,渐变根本不显示。
参考一下,我要打印的是一个指示条,上面有一个滑块元素,用于指示范围内值的结果。
渐变在页面上看起来非常棒,但在打印对话框中却不显示。
提前感谢!

愚蠢的问题:你确定不是对话框搞乱了渐变吗?换句话说,如果你实际上打印页面,它会正确输出吗?我知道有时候在复杂的CSS中,打印预览会误导人。 - Nick
2个回答

5
如果我正确理解了您的问题,似乎所有背景图片都无法正确打印?这是IE的默认行为。要打印背景图形(其中可能包括您的“渐变图形”),请转到打印 -> 页面设置并单击“打印背景颜色和图像”。希望这有所帮助。

1
Chrome似乎没有这个选项,但是您可以在Firefox的“页面设置”选项下完成相同的操作。 - j08691
谢谢您的快速回复!我终于弄清楚了发生了什么。现在是找到可行的解决方案的时候了。谢谢大家! - Adam Nutt

0

这里并不是完全准确,但打印是在自己的引擎中渲染的,与浏览器引擎分离。

通常情况下(除了像iPad这样的设备),它会过滤掉背景图片和某些类型的渲染材料,以节省墨水。唯一改变这种情况的方法是用户更改自己的打印偏好设置。

除非将页面呈现为图像并打印图像,否则无法通过CSS或Javascript实现此功能。

如果您愿意,我可以提供更详细的信息,但除了iPad之外,打印格式化就像电子邮件格式化一样是一个棘手的领域。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接