用css和js的的方法打印背景图片

kwanchao_CSDn

于 2020-04-10 10:02:43 发布

阅读量1.3k

点赞数

文章标签： java css js html javascript

本文链接：https://blog.youkuaiyun.com/qq_29944927/article/details/105426817

版权

本文探讨了在前端项目中如何处理背景图片打印问题。当用户尝试打印页面时，默认可能不会打印背景图片。文章提供了两种解决方法，分别通过CSS和JavaScript来确保背景图片能够成功打印，以提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目中，当要实现将前端背景进行打印的时候，当我们点击打印时，可能会出现如下情景(如图所示):
在这里插入图片描述
即要勾选背景图片的时候才能够将背景进行打印，对于客户端来说显然是不友好的 (不排除部分用户并不知道在哪进行勾选)，从而导致项目的评价受影响。在这里我介绍了两种解决上述问题的方法，分别是就css和js两块进行介绍。
**

一;CSS解决方法

@media print {
   
     body{
   
        -webkit-print-color-adjust:exact;
        -moz-print-color-ad

最低0.47元/天解锁文章

用css和js的的方法 打印背景图片

一;CSS解决方法

用css和js的的方法打印背景图片