1

印刷されたドキュメントでスタイルシートを動作させることができません。ポップアップウィンドウでは機能しますが、印刷時には機能しません。したがって、画面上のウィンドウがポップアップすると、適切なスタイルが設定されますが、印刷ダイアログを使用してウィンドウの内容を印刷すると、スタイルシートからスタイルが取得されず、デフォルトのスタイルだけが取得されます。

コードは次のとおりです。

<html>
<head>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-  1.3.1.min.js" > </script>
<script type="text/javascript">

function PrintElem(elem)
{
    Popup($(elem).html());
    }

function Popup(data) 
{
    var mywindow = window.open('', 'my div', 'height=400,width=600');
    mywindow.document.write('<html><head><title>my div</title>');
    mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
    mywindow.document.write('</head><body >');
    mywindow.document.write(data);
    mywindow.document.write('</body></html>');

    mywindow.print();
    mywindow.close();

    return true;
}

</script>
</head>
<body>

<div id="mydiv">
This will be printed. Lorem ipsum dolor sit amet, consectetur adipiscing elit.    
Pellentesque a quam at nibh adipiscing interdum. Nulla vitae accumsan ante. 
</div>
<a href="#" onclick="PrintElem('#mydiv')">Printout</a>
4

3 に答える 3

0

印刷ページをデザインしたい場合、スタイルシートでは動作しません。インラインスタイルシートを記述する必要があります。

于 2013-05-02T07:33:17.620 に答える