2014-09-10 110 views
0

我使用jQuery的printArea中:https://github.com/RitsC/PrintAreajQuery的打印区打印CSS颜色

但我有一个小麻烦印刷颜色时,我打印

我想打印这样当我打印 https://imagizer.imageshack.us/v2/815x185q90/673/ImZBHd.jpg

这就是我: https://imagizer.imageshack.us/v2/437x549q90/674/dDkSRU.jpg

这是我的JS:

$('#imprimir').on('click', function(){// busca os dados ao clicar no botão 
    $(".area_impressao").printArea({ 
     mode  : "iframe", 
     standard : "html5", 
     popTitle : 'relatorio', 
     popClose : false, 
     extraCss : '../css/impressao_retrato.css', 
     extraHead : '', 
     retainAttr : ["id","class","style"], 
     printDelay : 500, // tempo de atraso na impressao 
     printAlert : true, 
     printMsg : 'Aguarde a impressão' 
    }); 
}); 

我也试图改变这一行,但没有工作:

extraCss : '../css/impressao_retrato.css, ../css/style.css, ../css/main.css', 

提前感谢!

+0

你解决了这个问题吗?我也面对它 – EoD 2014-10-08 07:58:24

+0

是的,我不得不删除bootstrap并从页面中选择的CSS,只是使用我需要的风格,这个页面 – 2014-10-09 13:57:14

回答

1

我认为这将解决您的问题:

创建一个CSS文件,把它所有的打印元素(那些打印时可见)。请帮助世界,不要打印您的尝试,请使用PDF生成器作为打印机。

@media print { 
.myCustom{color:#88000;background-color:#FF0000} 
/*Set here your custom stiles as you want, each element*/ 
}