The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to insert more than one watermark

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #245326

    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.

    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;

    Code not OK ?
    Thanks for help – Leifoet


    If you can make a demo it might be more helpful that some basic CSs.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.