- .zhezhao{
- position: fixed;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- z-index: 9999;
- background: rgba(0,0,0,0.3);
- -webkit-pointer-events: none;
- -moz-pointer-events: none;
- -ms-pointer-events: none;
- -o-pointer-events: none;
- pointer-events: none;
- }
主要是
- pointer-events
这个属性,可以让元素不遮住鼠标点击,直接触发鼠标事件。
在Firefox3.6+/Safari4+/Chrome上已经支持。
使用场景示例:首页下雪画布展示。