css媒体类型打印使用铬背景颜色

Question

我background-color在CSS 媒体类型打印中使用该属性.

问题是Google Chrome无法显示background-color或background-image打印预览.

怎么解决这个问题？

Answer 1

Chrome支持通过CSS控制背景颜色/图像打印.您可以在应打印背景的元素上设置以下CSS属性:

-webkit-print-color-adjust: exact;

通常情况下,这取决于浏览器设置 - 但Chrome允许网页设计师确定如何在每个元素的基础上打印背景......

笔记:

• 需要Chrome 17或更高版本.
• 不打印正文标记的背景.

感谢Cron的Web技术博客,我第一次发现它: -

http://blog.crondesign.com/2011/11/print-css-backgrounds-in-google-chrome.html

此外,这导致一些背景(没有双关语!)有关该功能的信息: -

http://code.google.com/p/chromium/issues/detail?id=107763

希望这可以帮助...

Answer 2

我尝试了几个小时使用建议的想法,但没有工作.我需要使用!important

不知何故,chrome必须推迟到不同的背景颜色声明.

background-color:red !important

Answer 3

您可以尝试使用 Chrome 中的开发人员工具来检查 DOM 元素中应用了哪些 css 规则。这将帮助您调试并解决问题。