我在CSS 媒体类型打印中使用background-color属性。
问题是Google Chrome在打印预览中没有显示background-color或background-image。
如何解决这个问题？
答案 0 :(得分：38)
Chrome支持通过CSS控制背景颜色/图像打印。您可以在应打印背景的元素上设置以下CSS属性：
-webkit-print-color-adjust: exact;
通常情况下，这取决于浏览器设置 - 但Chrome允许网页设计师确定每个元素的背景打印方式......
注意：
感谢Cron的网络技术博客，我第一次发现它： -
http://blog.crondesign.com/2011/11/print-css-backgrounds-in-google-chrome.html
此外，这会导致有关该功能的一些背景信息（无双关语！）信息： -
http://code.google.com/p/chromium/issues/detail?id=107763
希望这会有所帮助......
答案 1 :(得分：13)
我尝试了几个小时使用建议的想法但没有效果。我需要使用!important
不知何故，chrome必须推迟到不同的背景颜色声明。
background-color:red !important
答案 2 :(得分：4)
我认为问题不在于您的代码，而在于Chrome：没有打印背景（图片或颜色）的选项：请参阅http://www.google.com/support/forum/p/Chrome/thread?tid=17a4ac343580c8d3&hl=en
使用Firefox时，默认情况下不会打印背景图像，但可以在“打印... - ＆gt;页面设置”中激活它。
答案 3 :(得分：-1)
您可以尝试使用chrome中的开发人员工具来检查DOM元素中应用的css规则。这将有助于您调试和解决问题。