html - Z-index が高くてもリンクがバブリングするリンクをタップまたはタッチします

Question

非常に高い z-index で相対的に配置されたリンクがありますが、android および ios ブラウザーでリンクをタップすると、リンクの下にある要素がタップされ、クリックされます。

スタイルはこちら、

li a {
background: linear-gradient(to right, #A5A5A5 0%, #EDEDED 50%, #A5A5A5 100%) repeat scroll 0 0 transparent;
color: #254FAA !important;
display: block;
height: 40px;
position: relative;
z-index: 9999;

}

ここで何が問題なのか、デスクトップでマウスを使用してクリックすると問題なく動作することに注意してください