如何创建一个没有图像的文字水印？ [英] How can I create a text watermark without an image?

问题描述

需要什么css才能创建根据所请求网页内容显示文字的水印？

What css is required to create a watermark that displays text based upon the content of the page requested?

我使用Drupal生成页面内容。这里的意图是用相关内容以图形方式增强页面。所以，除了页面的标题和正文，我想有一些相关的关键词在页面内容和背景图像下显示为半透明背景。

I am generating the page content using Drupal. The intent here is to enhance the page graphically with relevant content. So, in addition to a title and body of the page, I would like to have a couple related key words appear as a translucent background under the page content and over a background image. Both background images and the watermark text will vary for different categories of information.

推荐答案

像这样吗？ http://jsfiddle.net/fg7m3/

在这种情况下，绝对定位，z-index和不透明度是使其看起来像水印的关键元素。

In this case, absolute positioning, z-index, and opacity are the key elements to make it look like a watermark.

这篇关于如何创建一个没有图像的文字水印？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！