Как сохранить водяной знак на фоне веб-страницы? - PullRequest
Новая
       58

Как сохранить водяной знак на фоне веб-страницы?

0 голосов
/ 30 января 2019

Я - разработчик Pega, никогда не трачу много времени на работу над веб-страницей. Я хочу создать PDF. В Pega, который будет создан на HTML-странице. Мне нужно сохранить черновик wate в качестве фона?

Я попробовал следующий код, но когда я включаю его в свой код, он создается как отдельный div, а следующие div идут на следующей странице? А также черновик не идет в середине фона? `

<div style="position:absolute;z-index:0;background:white;display:block;min-height:50%; min-width:50%;color:yellow;">

<p style="color:steelblue;font-size:120px;">DRAFT</p>
</div>

`

Ответы [ 3 ]

0 голосов
/ 30 января 2019

Используйте CSS, чтобы придать телу фон: 

body{
  background-image: url('../watermark.png');
  background-size: contain; /* Make background take entire page */
  background-position: center; /* Center Background */
}
0 голосов
/ 30 января 2019

Это другой способ.надеюсь, это поможет 

div{
    position: relative;
    z-index: 0;
    background: white;
    display: block;
    min-height: 40%;
    min-width: 100%;
    color: yellow;
    border: 2px solid black;
    height: 200px;
}

p{margin:0}

div:after{
    content: "DRAFT";
    color: steelblue;
    font-size: 120px;
    /* text-align: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity:0.1
}
<div >


</div>
0 голосов
/ 30 января 2019

Попробуйте установить background-image в CSS 

body {
  background-image: url('https://example.com/image.jpg');
}

или в HTML как 

<body style="background-image: url('https://example.com/image.jpg');">
...