如何创建没有图片的文本水印？
如何创建没有图片的文本水印？
提问于 2011-11-27 06:16:11
创建根据请求的页面内容显示文本的水印需要什么css？
我正在使用Drupal生成页面内容。这里的目的是用相关内容来增强页面的图形化效果。因此，除了标题和页面的主体，我希望有几个相关的关键字显示为一个半透明的背景下的页面内容和以上的背景图像。背景图像和水印文本对于不同类别的信息都会有所不同。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-11-27 06:28:05
像这样吗？http://jsfiddle.net/fg7m3/
在这种情况下，绝对定位、z索引和不透明度是使其看起来像水印的关键元素。
Stack Overflow用户
发布于 2011-11-27 07:52:50
这是一个示例http://www.sohtanaka.com/web-design/protect-your-images-with-css-watermarks/，但这是无用的，因为知道如何在chrome中使用"inspect element“的人可以很容易地保存没有水印的图像。在此示例中，您仅使用gif覆盖您的图像，如果用户单击“将图像另存为”，则会保存该gif。
所以我在想，你需要一个更像是一个图像生成器，它会用水印覆盖你上传的图像。我可能错了，如果有人知道CSS的方法，请继续。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8282040
复制相关文章
相似问题
腾讯云开发者
