a标签点击不起作用的解决方案

.将外层a标签改为行内块级元素即display:inline-block;设置height/width并设置为绝对定位将其放在里层a标签的位置,通过调整里层a标签及外层a的z-index大小,使得鼠标能正确选中a标签;

由于产品要求兼容到IE8,所以公司目前使用的是这种方案:

a标签点击不起作用的解决方案_第1张图片

a标签点击不起作用的解决方案_第2张图片

这样通过改变外层a标签的display并调整position及z-index也可以达到a标签嵌套的效果,注意这里说的是效果而不是具体的解析就是嵌套的。

一般的,我们将display属性设置为inline-block,然后设置position:relative,最后设置z-index的值为最大值,z-index的值表示属性设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

你可能感兴趣的:(CSS)