2016-12-01 13 views
0

私は2480x3508pxの画像を持っています - Photoshopでは595.ptと841.9ptまたは21cm * 29,7cmとも言います。私は以下の寸法と私のテンプレートの背景画像としてこの画像を挿入し、私は奇妙な結果を得るPDF生成すると完全なDIN A4背景画像を含むPDFを生成

<style type="text/css"> 

    @page { 
     margin: 0mm; 
     size: 21cm 29.7cm; 
    } 

    body { 
     font-family: 'Helvetica Neue', Arial, sans-serif; 
     background-image: url('voucher_AF_A4.jpg'); 
     background-repeat: no-repeat; 

を結果は次のようになります。http://d.pr/i/ZzN2 - 絵されていないI持ってる。画像の寸法が同じでも、画像がDINA4よりもずっと大きい理由は分かりますか?

どうすればこの問題を解決できますか?

ありがとうございます!

+0

あなたはまた、テンプレートコードを投稿することができますか? – Alessio

答えて

0

だけ追加します。

background-size: cover; 
+0

私は後でPDFを生成するためにDomPDFを使用しますが、これにはいくつかの問題があるようです。 – Torben

+0

画像の割合が有効であることが確かであれば、これを行うこともできます: background-size:100%100%; –

0

をあなたのような何かを試してみました:

@page { 
    margin: 0mn; 
    size: 21cm 29.7cm; 
} 

body { 
    font-family: 'Helvetica Neue', Arial, sans-serif; 
    background-image: url('voucher_AF_A4.jpg'); 
    background-repeat: no-repeat; 
    background-position: top left; 
    background-size: 100%; 
    width:100%; 
    height:100%; 
    } 
関連する問題