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

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

<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

指定给

，则文本不可见
如果背景定义为0或更高，则-1处的文本不可见。因此，要查看所有内容，您至少需要两个“层”：一个背景层（在较低的Z处，例如-1）也将包含水印，另一个更高的层（例如0）将不具有背景（或具有非不透明背景）并包含前景

我怀疑你做的是有一个前景+背景元素，默认Z为0；在这种情况下，不能在它们之间插入水印，因为它们之间没有水印；因此，您的水印要么覆盖前景，要么位于背景后面（因此不可见）。
如果背景定义为0或更高，则-1处的文本不可见。因此，要查看所有内容，您至少需要两个“层”：一个背景层（在较低的Z处，例如-1）也将包含水印，另一个更高的层（例如0）将不具有背景（或具有非不透明背景）并包含前景

我怀疑你做的是有一个前景+背景元素，默认Z为0；在这种情况下，不能在它们之间插入水印，因为它们之间没有水印；因此，您的水印要么覆盖前景，要么位于背景后面（因此不可见）。
将下面给定的样式添加到标签中

width: 600px;
    height: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    color: grey; 
    font-size: 50px; 
    zoom: 1; 
    opacity: 0.4; 
    filter: alpha(opacity=40);

将以下给定样式添加到标记

width: 600px;
    height: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    color: grey; 
    font-size: 50px; 
    zoom: 1; 
    opacity: 0.4; 
    filter: alpha(opacity=40);