ie8打印预览
哈哈哈 180 4
  1. 引入jquery.print.js 和jq https://github.com/DoersGuild/jQuery.print

    $.print("#myElementId");//直接打印
    $("#myElementId").print({ // 打印预览
             globalStyles:true,//是否包含父文档的样式,默认为true
             mediaPrint:false,//是否包含media='print'的链接标签。会被globalStyles选项覆盖,默认为false
             stylesheet:null,//外部样式表的URL地址,默认为null
             noPrintSelector:".no-print",//不想打印的元素的jQuery选择器,默认为".no-print"
             iframe:true,//是否使用一个iframe来替代打印表单的弹出窗口,true为在本页面进行打印,false就是说新开一个页面打印,默认为true,相当于预览,一般来说用这个就足够了
             append:null,//将内容添加到打印内容的后面
             prepend:null,//将内容添加到打印内容的前面,可以用来作为要打印内容
             deferred: $.Deferred()//回调函数
             });

    问题

  2. 将需要打印的元素去掉滚动条,不然隐藏的元素不会打印。或者更改打印机的纸张大小

  3. 谷歌更多设置选中背景图像;ie>打印>页面设置>打印背景颜色和图像。否则打印出来的样式不全,图片没有

  4. 如果使用字体图标之类的,多选框的对勾。未选中的颜色要设为transparent,不能是其他颜色,打印是如果不设置打印背景,设置黑白色,会将白色对勾打印成灰色

  5. 如果打印使用栅格布局的元素,要设置不同屏幕下的占比,打印机会根据纸张大小来打印对应的元素;呃 意思就是 如果栅格布局只设置的1920以上的 打印机使用A4纸 元素就会掉下来

预览图
评论区

索引目录