2014-09-10 108 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*/ 
}