我需要的是创建像这样只使用html和css的跨网站透明水印。我不知道如何让它始终保持在一个地方,例如:浏览器窗口的右下侧。
提前感谢
发布于 2014-01-30 21:46:40
#watermark
{
position:fixed;
bottom:5px;
right:5px;
opacity:0.5;
z-index:99;
color:white;
}
发布于 2014-01-30 21:49:21
要修复它,请尝试以下方法:
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%;
}
要使用绝对,请执行以下操作:
.watermark {
opacity: 0.5;
color: BLACK;
position: absolute;
bottom: 0;
right: 0;
}
jsFiddle:http://jsfiddle.net/6YSXC/
发布于 2014-01-30 21:51:30
为此,您可以使用opacity:0.5;//what ever you wish between 0 and 1
。
工作Fiddle
https://stackoverflow.com/questions/21458162
复制相似问题