绝对定位position: absolute 后面的<a> Link冲突

原页面是这样的，为了调整页面位置使用了绝对定位style="position:absolute;"

<h4 style="position:absolute;">主营业务</h4>

 后有需求，在此指标加上链接

<a href="javascript:jumpNewTab('','主营业务清单','pages/xnzlmx/zyywqd.jsp')" style="text-decoration:none;">
<h4 style="position:absolute;">主营业务</h4>
</a>

完成后发现链接点击无效，查阅资料发现绝对定位样式与<a> Link存在冲突

解决方法如下：

<a href="javascript:jumpNewTab('','主营业务清单','pages/xnzlmx/zyywqd.jsp')" style="text-decoration:none;">
<h4 style="z-index:9;position:absolute;">主营业务</h4>
</a>

解释：当二维层面上产生重叠时，需要使用z-index属性在三维层面上做一个优先顺序，此属性书面解释为层相对于屏幕纵深方向的顺序。就像重叠放在桌子上的纸张一样，位于上面的肯定会挡住下面的，这就是优先顺序。