css的pointer-events属性

         今天在蓝色上无意中看到pointer-events属性，很好奇，以前还从未使用过这个属性，原来它的作用是：当一个元素覆盖在另一个元素上，而我们又想点击被覆盖的那个元素，这时这个属性就派上用场了。

        pointer-events的默认属性为auto，如我们要想实现上面的效果则应把它的属性设为none；不过到目前为止，仅Firefox 3.6+、Safari 4 和Google Chrome支持该属性。

       总之，即：如果B位于A上面，我们要想点击A，则应该在css里设置B的pointer-events为none，它穿透了B元素直接对A进行操作；

       举个例子，为了方便，样式就直接在html里了：

　　

代码

    < div  style ="position:relative;" >
     < a  href ="http://www.baidu.com" > 这里是A元素，位于B的下面，点击我吧点击我吧点击我吧 </ a >
     < div  style ="position:absolute;top:0;left:0;background:#333;filter:Alpha(Opacity=50);-moz-opacity:0.5; pointer-events: none;" >
      这里是B元素，他位于A元素的上面。
     </ div >
   </ div >

 

转载于:https://www.cnblogs.com/lch880/archive/2010/04/11/1709791.html