Erstellen von Wasserzeichen mit HTML und CSS

Question

Was ich brauche, ist Kreuzworträtsel transparente Wasserzeichen wie diese nur mit HTML und CSS zu erstellen. Hab keine Ahnung wie man das immer an einem Ort für ex behält: rechts unten im Browserfenster.

Vielen Dank im Voraus

Answer 1

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

jSFiddle

Answer 2

es fest zu machen: Versuchen Sie, diese Art und Weise,

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%; 
} 

Zur Nutzung absolut:

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

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

Answer 3

Sie opacity:0.5;//what ever you wish between 0 and 1 für diese verwenden.

Arbeits Fiddle

Answer 4

Möglicherweise kann dies für Sie eine große Hilfe sein.

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; 
} 

Überprüfen Sie this link einmal.