有趣小功能-水印

最新推荐文章于 2024-07-09 17:11:02 发布

光会再次降临

最新推荐文章于 2024-07-09 17:11:02 发布

阅读量138

点赞数

分类专栏：功能组件 html 前端文章标签： html javascript

本文链接：https://blog.csdn.net/zk_yxrs/article/details/126465845

版权

功能组件同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

html

14 篇文章 0 订阅

订阅专栏

前端

12 篇文章 0 订阅

订阅专栏

类似于ps水印效果，防火防盗防闺蜜

html片段，第一个黑色框div代表水印图，第二个淡黄色框div代表原有页面的功能（示例为点击事件），在水印层加入样式鼠标穿透csspointer-events: none;既有水印，又不妨碍原本的功能，完美实现水印效果--------至于水印层怎么来，要么找美工，要么自己css手动实现

<div style="width: 100%; height: 100%;background-color: aqua;">
        <div style="background-color: #131212;width: 100px;height: 50px;float: left;pointer-events: none;"></div>
        <div onclick="copyText()" style="background-color: bisque;width: 100px;height: 50px;"></div>
</div>