水印未显示时，将html文件打印为pdf

Question

我有一个HTML网页。在中心，页面具有使用CSS放置的水印图像（任何格式jpg，png，svg）。如果我打印html页面。它显示除水印外的所有网页内容。我将如何显示水印。

CSS

.inner-print-content {
    margin-left: 15mm;
    margin-right: 15mm;
    text-align: justify;
    font-size: 12px;
    background-image: url(/logo.svg);
    background-repeat: no-repeat;
    background-position: center top;
}

Answer 1

你是不是只使用普通的IMG标签作为水印？这是一个基本的例子，如果你打印这个页面，将会打印出快乐的表情符号，但是悲伤的表情符号不会被打印出来，因为悲伤的一个是css背景图像而幸福的表情符号只是一个普通的img标签。

＆＃13;

＆＃13;

div  {
    background-image: url("https://emojipedia-us.s3.amazonaws.com/thumbs/120/google/119/crying-face_1f622.png");
    background-size: cover;
    width:100px;
    height: 100px;
    
}

＆＃13;

<div></div>
<img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/google/119/grinning-face_1f600.png"  width=100" height="100"></img>

＆＃13;

＆＃13;

＆＃13;