워터 마크가 표시되지 않는 경우, pdf로 html 파일 인쇄

Question

HTML 웹 페이지가 있습니다. 가운데에서 페이지에는 CSS를 사용하여 배치 된 워터 마크 이미지 (모든 형식 jpg, png, svg)가 있습니다. 만약 내가 html 페이지를 인쇄합니다. 워터 마크를 제외한 모든 웹 페이지 내용을 표시합니다. 그 워터 마크를 보여주기 위해 내가 뭘 할거야. 그냥 워터 마크에 대한 일반 IMG 태그를 사용하지 않는

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

방법? 기본적인 예가 있습니다.이 페이지를 인쇄하면 해피 이모티콘이 인쇄되지만 슬픈 이미지는 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>