With the CSS-code below, I try to insert two watermarks in a web document: image1 at the top and image2 at the bottom (of a SQL-selected list). The image at the bottom will not appear.
<style>
div {
width: 880px;
height: 100%;
display: block;
position: relative;
repeat: no-repeat;
}
div::after {
content: “”;
background-image: url(image1.gif), url(image2.gif);
background-position: 10% 10%, 90% 90%;
background-repeat: no-repeat;
opacity: 0.3;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
</style>
Code not OK ?
Thanks for help – Leifoet