web-dev-qa-db-fra.com

Créer un filigrane en utilisant HTML et CSS

Ce dont j'ai besoin, c'est de créer un filigrane transparent sur plusieurs sites Web comme celui-ci en n'utilisant que le HTML et le CSS. Je ne sais pas comment garder cela toujours au même endroit, par exemple: en bas à droite de la fenêtre du navigateur.

Merci d'avance

enter image description here

24
demonoid
#watermark
{
 position:fixed;
 bottom:5px;
 right:5px;
 opacity:0.5;
 z-index:99;
 color:white;
}

jSFiddle

37
ElendilTheTall

Pour le réparer: essayez de cette façon,

jsFiddleLink: http://jsfiddle.net/PERtY/

<div class="body">This is a sample body This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample bodyThis is a sample bodyThis is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    v
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    This is a sample body
    <div class="watermark">
           Sample Watermark
    </div>
    This is a sample body
    This is a sample bodyThis is a sample bodyThis is a sample body
</div>



.watermark {
    opacity: 0.5;
    color: BLACK;
    position: fixed;
    top: auto;
    left: 80%;
}

Pour utiliser absolu:

.watermark {
    opacity: 0.5;
    color: BLACK;
    position: absolute;
    bottom: 0;
    right: 0;
}

jsFiddle: http://jsfiddle.net/6YSXC/

4

vous pouvez utiliser opacity:0.5;//what ever you wish between 0 and 1 pour ça.

travail violon

2
Green Wizard