2016-04-05 19 views
0

こんにちは、私は、PHPやその他のものに新しいです。今、自動請求書作成ページを作ろうとしています。しかし、問題は印刷プレビューで背景が見えないことです。PHPで背景イメージと一緒にデータを印刷するには?

phpページの左上隅にある印刷ボタンを押すと、背景画像のないページが表示されます。同時に、印刷プレビューページでは印刷ボタンは必要ありません。 <img>タグを使用して画像を挿入すると、画像の上にデータを表示できません。印刷DATASについて

マイコード

<html> 
    <head> 
     <title>New Page 1</title> 
     <script language="javascript"> 
     function printpage() 
      { 
       window.print(); 
      } 
     </script> 
    </head> 
    <body background="Geekay.jpg"> 
     <input type="button" value="Print" onclick="printpage();"> 
     <br><br> 
     <br><br> 
     <br><br> 
     Datas.... 
    </body> 
</html> 
+2

メディアクエリに興味のある方は、ページを印刷するときだけ適用されるCSSスタイルを使用してください。これらのスタイルでは、_print_ボタンを非表示にしたり、強制的な背景などを追加することができます。http://www.joshuawinn.com/css-print-media-query/ – blex

+1

代わりにCSSを使用してください。書式設定からHTMLを分離するのは良い方法です。 –

+0

イメージをどこかの場所に保存してから、あなたのurl()内のURLをスタイルで使用する必要があります。 –

答えて

0

背景画像と共に印刷画面における(グーグルクロムの場合)詳細設定をクリックします。次に、背景のグラフィックスを確認します。印刷ボタンを表示しないようにするには、コードを次のように更新しました。

<html> 
<head> 
    <title>New Page 1</title> 
    <script language="javascript"> 
    function printpage() 
     { 
      document.getElementById('print').style.display = 'none'; 
      window.print(); 
     } 
    </script> 
</head> 
<form name="bill"> 
<body background="Geekay1.JPG"> 
<div id="print" style="display:block"> 
<input type="button" value="Print" onclick="printpage()"> 
</div> 
    <br><br> 
    <br><br> 
    <br><br> 
    Datas.... 



</body> 
</form> 
</html> 
関連する問題