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）将不< / em>有一个背景（或将有一个非透明的背景），并将包含你的前景。

我怀疑你做的是前景+背景元素，默认Z为0;在这种情况下，你不能在它们之间插入水印，因为不在之间;所以你的水印要么覆盖前景，要么背后是背景（因而看不见）。

Answer 2

将以下给定的样式添加到＆lt; P>标签

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);

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

2 个答案: