當文本較小時DOM PDF切割水印背景

-1

我在頁面上有一個水印bg，並且該圖像在文本結束處被切斷。如果我在頁面上書寫的文字比圖像大，它就會起作用，否則圖像會在文本結束的地方被切斷。任何想法？謝謝。當文本較小時DOM PDF切割水印背景

body { width: 100%; min-height: 800px } 
 
#container { margin:0 auto !important; width: 750px; overflow: hidden; } 
 
* { font-family: 'Times New Roman' !important; font-size : 14px !important; text-decoration: none !important; margin : 0px;} 
 

 
#container { width: 100%; } 
 

 
#watermark { position: fixed; width: 382px; height: 470px; margin-left: 120px; margin-top: 190px; opacity: .07; } 
 

 
@page { 
 
    margin-left: 3cm !important; 
 
    margin-top: 3cm !important; 
 
    margin-right: 2cm !important; 
 
    margin-bottom: 2cm !important: 
 
}

<div id='container'> 
 

 
    <div id='watermark'><img src='http://placehold.it/1024x768' height='100%' width='100%' /></div> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
</div>

來源

2015-08-19 paulo

添加一些樣本HTML。否則，我們無法真正幫助您確定問題。 – BrianS

這就是說......如果背景圖像在身體內部的元素上，那麼是的，這是預期的。如果背景圖片在body元素上，那麼您會在0.6.0之前的dompdf版本中看到這一點。 – BrianS

你好，這裏有一個例子：http://codeshare.io/aifhu – paulo

我不知道其中的錯誤發生，但#watermark要素似乎被夾在#container的物體的大小，即使它是風格與position: fixed即應將其從文檔的正常流程中取出。

最簡單的解決方法是將#watermark元素移到#container元素之外。

body { width: 100%; min-height: 800px } 
 
#container { margin:0 auto !important; width: 750px; overflow: hidden; } 
 
* { font-family: 'Times New Roman' !important; font-size : 14px !important; text-decoration: none !important; margin : 0px;} 
 

 
#container { width: 100%; } 
 

 
#watermark { position: fixed; width: 382px; height: 470px; margin-left: 120px; margin-top: 190px; opacity: .07; } 
 

 
@page { 
 
    margin-left: 3cm !important; 
 
    margin-top: 3cm !important; 
 
    margin-right: 2cm !important; 
 
    margin-bottom: 2cm !important: 
 
}

<div id='watermark'><img src='http://placehold.it/1024x768' height='100%' width='100%' /></div> 
 

 
<div id='container'> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
    <p>t</p> 
 
</div>

來源

2015-09-08 20:29:10 BrianS

當文本較小時DOM PDF切割水印背景

回答

相關問題