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

在项目中，当要实现将前端背景进行打印的时候，当我们点击打印时，可能会出现如下情景(如图所示):

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

一;CSS解决方法

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

二:JS解决方法

大家可以根据自己的实际需要进行选择。

用css和js的的方法打印背景图片相关推荐

js的window.print()打印背景图片，打印背景图片无法显示
js的window.print()打印背景图片题目描述 js的window,print()打印背景图片给body加了图片地址之后,非要设置浏览器打印选项里面设置背景图形打印才行,怎么通过js去设置默 ...
yii 加载php文件,Yii2框架加载css和js文件的方法分析
本文实例讲述了Yii2框架加载css和js文件的方法.分享给大家供大家参考,具体如下: 1.第一步是要把我们的css.js文件放到web目录下 2.第二步修改assets/AppAsset.php文件 ...
记一次灰度发版打印背景图片无法加载的处理过程
记一次灰度发版打印背景图片无法加载的处理过程前言需求为给订单加上新的打印模板,测试环境正常,灰度环境打印不出来图片.请求服务器路径可以展示图片,使用lodop设置背景图或打印图片都无法展示解决过 ...
html打印无法打印背景图片,Word/wps怎么打印背景图片？Word背景打印不出来的三种解决办法...
Word/wps怎么打印背景图片?对于使用WPS工作.学习的朋友们或许会遇到背景无法打印的问题,精美的背景.花纹常常是所做文档的一个不可或缺的部分.那么我们该如何打印出背景呢?小编在这里有多种办法. ...
html背景图适应div_体验css+div 之三种使网站背景图片自动适应浏览器大小的方法...
不管你怎么变化浏览器窗口大小,背景图始终会自动调节大小. 1 . 第一次方法: 我第一个想法是需要使用一个 css 背景图,如果这张图够大,就能填充整个屏幕.当浏览器窗口大小没有图片大时,它将自动隐藏 ...
css 网站大背景（按比例缩放背景图片）
很多网站是全背景图片的,而且适应各种主流分辨率,给人一种干净大气的感觉,实属设计派的一个耍酷良方,下面介绍几种实现全屏图片自适应缩放背景图片的方法. 1.帅气简单的CSS3方法 html {backg ...
js实现登录页面的背景图片的随机展示
####js代码如下: <script type="text/javascript">// 随机展示背景图片 var imgSrcs = [ "${ctx}/ ...
JS简单操作像素设置背景图片拉伸区域避免图片拉伸变形
废话开篇:简单设置图片拉伸区域,实现图片当作标签背景图时不被拉伸变形一.实现效果左右两个标签,左面的设置了一个不重复的背景图片现在进行一下操作,让左面的背景图在不变形的前提下进行铺满整个左侧的标 ...
web前端学习day_02:CSS:三种使用方式/选择器/颜色/背景图片/查看样式/文本/元素显示方式/盒子模型/定位方式/行内对齐/显示层级/防溢出
CSS : Cascading Style Sheet 层叠样式表. 作用: 美化页面 CSS 如何在html页面中添加css样式代码?总共有三种方式: 1.选择器 2.选择器练习: 3.颜色赋值 4 ...

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

一;CSS解决方法

二:JS解决方法

用css和js的的方法打印背景图片相关推荐

最新文章

热门文章

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

一;CSS解决方法

二:JS解决方法

用css和js的的方法 打印背景图片相关推荐

最新文章

热门文章

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

用css和js的的方法打印背景图片相关推荐