【发布时间】:2013-11-22 15:32:46
【问题描述】:
我有一个维护工单 Web 应用程序,我想在工单上检查一些数据并在某些条件下在整个 Web 表单上显示透明水印。不只是在图像上或在文本框中(就像谷歌一直在说的那样)。
我想实现类似于将“机密”或“草稿”作为水印添加到 MS Word 文档的方法,仅适用于我的 Web 表单中的整个 div。这可以在 CSS 中完成吗?你能指出我应该关注的属性吗?
谁能指导我如何做到这一点?
【问题讨论】:
我有一个维护工单 Web 应用程序,我想在工单上检查一些数据并在某些条件下在整个 Web 表单上显示透明水印。不只是在图像上或在文本框中(就像谷歌一直在说的那样)。
我想实现类似于将“机密”或“草稿”作为水印添加到 MS Word 文档的方法,仅适用于我的 Web 表单中的整个 div。这可以在 CSS 中完成吗?你能指出我应该关注的属性吗?
谁能指导我如何做到这一点?
【问题讨论】:
如果您有想要的水印图片,请像这样使用 css 将其放在页面上:
<style>
<!--
body {
background-image: url(image.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
//-->
</style>
只有在需要水印时才能打印样式表。
编辑:或者如果您手头没有图像,您可以只使用文本,例如这个答案:How can I create a text watermark without an image?
我从链接的答案中取出小提琴来旋转文本:http://jsfiddle.net/emrRg/1/
【讨论】:
-40deg 进行水印旋转,并通过将top 增加到225px 来向下移动图像。