有些时候网页中用到了一些绝对定位的Div，因为需要事先这个Div是隐藏的，但是它所在的位置会遮挡住鼠标点击事件。这个时候可以用CCS3中的pointer-events属性来解决。
//穿透该层
pointer-events:none
//恢复点击处理
pointer-events:auto
根据情况来动态修改Div的pointer-events属性即可。
例如用JQuery可以这样写：
//穿透该层
$('#dvTest').css('pointer-events', 'none')
或者
恢复点击处理
$('#dvTest').css('pointer-events', 'auto')
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('div').click(function(){$(this).css('color','blue')})。
3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。
C3高级：target属性可以初步实现吧..<style>
#d1{
display:none
width:100px
height:100px
background:#f00
}
#d2{
display:none
width:100px
height:100px
background:#0f0
}
#d1:target{
display:block
}
#d2:target{
display:block
}
</style>
<a href="#d1">第一个div</a>
<a href="#d2">第二个div</a>
<div id="d1">
</div>
<div id="d2">
</div>
这是代码
