Css 如何：在所有元素后面添加水印 是否有一种方法可以在可点击按钮后面显示的页面中间生成水印？

---

您可能需要调整浏览器的大小，使按钮位于水印的正上方，以确保在重叠水印时按钮不可单击。

Do

指针事件：水印上无

这会告诉浏览器不要在该元素上执行任何单击事件，而是点击按钮


在水印上执行指针事件：无

这会告诉浏览器不要在该元素上执行任何单击事件，而是点击按钮


试着按照这种方法来做，因为你看到它是正确的^^


.container{
显示：表格；
}
.水印{
位置：绝对位置；
z指数：-1；
字体大小：100px；
颜色：蓝色；
}

水印
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。
点击我，你可以！
试着按照这种方法来做，因为你看到它工作正常^^


.container{
显示：表格；
}
.水印{
位置：绝对位置；
z指数：-1；
字体大小：100px；
颜色：蓝色；
}

水印
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。
点击我，你可以！
那么，水印会阻止按钮，而您不希望它出现这样的问题吗？是的，如果可能的话，我希望水印真正出现在所有内容的背景中！我的答案应该有用。如果你真的想把它放在背景中，你可以在你的页面上设置一个背景图像。但是，水印会被文本、按钮等遮挡。这就是你想要的吗？问题是水印会阻止按钮，而你不希望它出现？是的，如果可能的话，我希望水印真正位于所有内容的背景中！我的答案应该有用。如果你真的想把它放在背景中，你可以在你的页面上设置一个背景图像。但是，水印会被文本、按钮等遮挡。这就是你想要的吗？
.watermark {
    position: absolute;
    opacity: 0.25;
    font-size: 3em;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

p {
    background-color: #6cc;
}

body {
    background-color: #ccc;
}

.watermark {
    position: absolute;
    opacity: 0.25;
    font-size: 3em;
    width: 100%;
    text-align: center;
    z-index: 1000;
    pointer-events:none;
}