Criar uma marca de água com html e css
o que eu preciso é criar uma marca de água transparente como esta através de html e css. Não tenho idéia de como manter isso sempre em um lugar para ex: lado direito da janela do navegador.
obrigado antecipadamente
20
4 answers
#watermark
{
position:fixed;
bottom:5px;
right:5px;
opacity:0.5;
z-index:99;
color:white;
}
31
Author: ElendilTheTall, 2014-01-30 14:13:00
Para o consertar: tente por aqui,
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%;
}
Para utilizar absoluto:
.watermark {
opacity: 0.5;
color: BLACK;
position: absolute;
bottom: 0;
right: 0;
}
JsFiddle: http://jsfiddle.net/6YSXC/
3
Author: Arunkumar Srisailapathi, 2014-01-30 13:49:21
Pode usar opacity:0.5;//what ever you wish between 0 and 1
para isto.
Trabalhando Violino
2
Author: Green Wizard, 2014-01-30 13:51:30
Isto pode ser uma grande ajuda para ti.
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;
}
Verifiqueesta ligação uma vez.
-1
Author: user2804021, 2014-01-30 14:23:47