0%

水印样式处理

水印一般要求zIndex层级特别高,但是又不能影响到点击事件

1
2
3
4
5
6
7

<div style="height:0;width:100%;pointer-events:none">
<div style="height:50px;width:50px:position:absolute;top:50px;z-index:100000000;transform:rotate(45deg)">
LOGO
</div>
</div>

  • 外层声明一个高度0的容器,并给上pointer-events:none取消鼠标事件
  • 内层水印给上很高的z-Index也不会影响到用户操作咯

欢迎关注我的其它发布渠道

来发评论吧~
Powered By Valine
v1.5.2