前端进阶小知识

标签：小知识   添加水印   之间   dex   空白   元素   遮罩层   带来   events   

1.需求：给页面添加水印，防止二次拍摄/截图

　　实现方法：添加遮罩层，设置层级最高（z-index）

　　进阶：注意，需要设置css属性：pointer-events: none; 使新添加的水印层不影响下方事件操作。

2.问题：多个元素放在同一行，设置宽度为百分比，总和恰好为100%，但是仍旧出现换行。

　　可能原因1：html标签间的空白部分占据少量空间

　　解决方案：①设置父级元素font-size: 0;清除空格/换行带来的影响

　　　　　　　② 在html文件里，删除这些标签之间的空格/换行（不推荐）

（持续更新中...）

前端进阶小知识

标签：小知识   添加水印   之间   dex   空白   元素   遮罩层   带来   events   

原文地址：http://www.cnblogs.com/teLumy/p/7520443.html