比如大家常看到的鼠標移入圖片中，會有一個擋住圖片的黑色半透明遮罩層，上面還有文字介紹，這時候就會遇到該層遮擋住下面圖片的跳轉鏈接事件，這時候怎么辦呢？有個簡單的css3屬性可以快速解決該問題：pointer-events：none
該屬性主要基於svg技術，直觀的解釋就是可以忽略該層的事件監聽，從而可以操作其下方的元素，這種應用在百度地圖等頁面中也常常用到，可以最大化用戶的可操作區域，不會因為地圖插件工具而阻擋了地圖拖動，比如下面這種。
你可以為紅框區域設置該css屬性，這樣紅框就不會阻擋用戶拖動地圖的操作了，但是里面的組件你還要單獨加上pointer-events：auto，來使其恢復可操作的性質。
另外記錄下項目中需要用的按鈕陰影參數，回頭好找.fbtn:hover{ box-shadow:0px 0px 10px 3px #aaa}，跳轉的頁面滑入效果用margin將容器移出屏幕外在通過jQuery的animate來拽回來