如何在没有图像的情况下创建文字水印？

什么CSS需要创建一个显示请求基于网页的内容文字水印？如何在没有图像的情况下创建文字水印？

我生成使用Drupal的页面内容。这里的意图是用相关内容图形化地增强页面。因此，除了页面的标题和正文外，我还希望在页面内容和背景图像下面显示一对相关的关键字作为半透明背景。背景图像和水印文本对于不同类别的信息都会有所不同。

来源

2011-11-26 Ashlar

你能对您的问题展开？您是否试图掩盖图像以防止图像被盗用？你是否想让文档看起来像被标记为草稿？你想要输出看起来像什么样的功能？ – Nightfirecat

喜欢这个？ http://jsfiddle.net/fg7m3/

在这种情况下，绝对定位的z-index和透明度都使它看起来像一个水印的关键要素。

来源

2011-11-26 22:28:05 Godwin

++是的，就是这样！另外，我喜欢jsfiddle，谢谢！ – Ashlar

这里有一个例子http://www.sohtanaka.com/web-design/protect-your-images-with-css-watermarks/但是这没用的人谁知道如何使用Chrome浏览器“检查元素”会很容易保存图像无水印。在这个例子中，你只将被保存，如果一个GIF护住图像用户会“保存图像为”。

因此，我想，你需要更多的像一个图像生成，将覆盖带水印您上传的图片。我可能是错的，如果有人知道CSS的做法，继续。

来源

2011-11-26 23:52:50 rmagnum2002

我对此问题的安全性不感兴趣，但该链接对我正在处理的其他一些问题非常有帮助。 – Ashlar

如何在没有图像的情况下创建文字水印？

回答

相关问题