2016-07-15 33 views
0

我嘗試打印我的網站的一部分,但是當我嘗試這樣做時,CSS屬性不顯示。問題是我的CSS文件中嵌入了我的css信息。你有解決方案嗎?打印網頁的一部分 - css沒有顯示

var content = document.getElementById("div id"); 
var WinPrint = window.open('', ''); 
WinPrint.document.write(content.innerHTML); 
WinPrint.document.close(); 
WinPrint.focus(); 
WinPrint.print(); 
WinPrint.close(); 

謝謝!

+0

我假設你沒有嵌入你的CSS中,您要複製到另一個窗口中的元素,是嗎? – Eytibi

+0

不,我沒有 –

+0

我認爲你應該包括你的CSS與外部文件(分離風格信息標記)。之後Sankar Raj的答案應該可以工作,因爲它包括一個用於沖洗的CSS文件(media = print)。 – Eytibi

回答

1

試試這個:

就嵌入這樣的CSS文件...

var content = document.getElementById("div id"); 
    var WinPrint = window.open('', ''); 
    WinPrint.document.write("<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" media=\"print\"/>"); 
    WinPrint.document.write(content.innerHTML); 
    WinPrint.document.close(); 
    WinPrint.focus(); 
    WinPrint.print(); 
    WinPrint.close();