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のテキストは表示されません。したがって、すべてを表示するには、少なくとも2つの「レイヤー」が必要です。透かしも含まれる背景レイヤー（Zが低い、たとえば-1）と、背景がない上位レイヤー（0など）です。または、不透明でない背景があります）、前景が含まれます。

私があなたがしたと思うのは、デフォルトのZが0のforeground+background要素があることです。このシナリオでは、間に透かしがないため、それらの間に透かしを挿入することはできません。したがって、透かしは前景を覆うか、背景の後ろにあります（したがって見えません）。

Answer 2

以下の指定されたスタイルを<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);