2017-12-06 2 views
2

私はHTMLのWebページを持っています。中央には、CSSを使用して配置されたウォーターマークイメージ(任意の形式のjpg、png、svg)があります。私はhtmlページを印刷する場合。ウォーターマーク以外のすべてのウェブページのコンテンツを表示します。私はその透かしを見せるために何をしますか?ウォーターマークが表示されない場合、htmlファイルをpdfに出力

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; 
} 

答えて

0

ウェイあなただけの透かしのために、通常のIMGタグを使用していませんか?基本的な例ですが、このページを印刷すると幸せな絵文字が印刷されますが、悲しい絵文字は印刷されません。なぜなら、悲しいものはCSSの背景イメージであり、幸せなのはただの通常のimgタグですからです。お返事のための

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; 
 
    
 
}
<div></div> 
 
<img src="https://emojipedia-us.s3.amazonaws.com/thumbs/120/google/119/grinning-face_1f600.png" width=100" height="100"></img>
enter image description here

+0

感謝。それはまた働いている。しかし、本当の解決策は、ユーザーが左側パネルのクロム印刷設定で2つのオプションを有効にする必要があることです。 – Rajadurai

+0

私はあなたの答えから新しいことを学びます。 – Rajadurai

関連する問題