案例分析

页面有一个写着版权信息的div，对他设置了fixed定位在底部。
当我每次打开控制台的时候，这个div会把”立即登录”按钮给遮住。
因为页面高度发生变化后，fixed定位会使得div上移，正好就遮挡住了下面的按钮。

我现在就得实现：div置于顶层显示但又不遮挡住下方的元素

【正常浏览器尺寸的样子】

【当打开了控制台的样子….】

使用 pointer-events 穿透

你只需要把下面的样式给这个div使用即可！

/* 元素遮罩层不遮挡下方元素的代码 */
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
-o-pointer-events: none;
pointer-events: none;