Création de filigrane à l'aide de html et css

ce dont j'ai besoin est de créer le filigrane transparent de cross website comme ceci en utilisant seulement html et css. N'ont aucune idée de la façon de garder que toujours à un endroit pour ex: le côté droit en bas de la fenêtre du navigateur.

Merci d'avance

enter image description here

20
demandé sur demonoid 2014-01-30 17:42:42

4 réponses 

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

jSFiddle

31
répondu ElendilTheTall 2014-01-30 14:13:00

Pour le rendre fixe: Essayer 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%;
}

utiliser absolue:

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

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

3
répondu Arunkumar Srisailapathi 2014-01-30 13:49:21

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

travail Tripoter

2
répondu Green Wizard 2014-01-30 13:51:30

Éventuellement, cela peut être d'une grande aide pour vous.

div.image
{
width:500px;
height:250px;  
border:2px solid;
border-color:#CD853F;
}
div.box
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid;
border-color:#CD853F;
opacity:0.6;
filter:alpha(opacity=60);
}
   div.box p
{
margin:30px 40px;
font-weight:bold;
color:#CD853F;
}

Case ce lien une fois.

-1
répondu user2804021 2014-01-30 14:23:47