css3绝对定位元素遮罩层不遮挡页⾯的处理⽅式
1. .zhezhao{
2. position: fixed;
3. left: 0;
4. top: 0;
5. right: 0;
6. bottom: 0;
7. z-index: 9999;
8. background: rgba(0,0,0,0.3);
9. -webkit-pointer-events: none;
10. -moz-pointer-events: none;
11. -ms-pointer-events: none;
12. -o-pointer-events: none;
13. pointer-events: none;
14. }
主要是
1. pointer-events
这个属性,可以让元素不遮住⿏标点击,直接触发⿏标事件。
在Firefox3.6+/Safari4+/Chrome上已经⽀持。
使⽤场景⽰例:⾸页下雪画布展⽰。
css鼠标点击样式
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论