javascript - 可以设置水印文字作为背景吗？

Question

我们可以将水印文本设置为水印背景文本吗

<p style='position:fixed; color: #d0d0d0;font-size: 70pt;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);left:center;'>Test Water mark</p>

如果我给z-index: -1至< p > ，文字不可见

Answer 1

如果背景定义为 0 或更高，则 -1 处的文本不可见。因此，要看到所有内容，您至少需要两个“层”:一个背景层(位于较低的 Z，例如 -1)，它也将包含您的水印，以及一个较高的层(例如 0)，它不 有一个背景(或将有一个非不透明背景)并将包含您的前景。

我怀疑你所做的是有一个前景+背景元素，默认Z为0；在这种情况下，您无法在它们之间插入水印，因为之间没有；因此您的水印要么覆盖前景，要么位于背景后面(因此不可见)。