2016-07-15 7 views
0

私のウェブサイトの一部を印刷しようとしましたが、これをしようとするとCSSのプロパティは表示されません。私のCSS情報はHTMLファイルに埋め込まれています。そのための解決策はありますか?ウェブページの一部を印刷 - 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の答えは、rintingのための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(); 
関連する問題