1

问题描述:

某个点击元素被加上position: absolute属性之后发现没办法点击到了。


原因分析:

这种情况大多数是因为元素绝对定位之后被藏在其他元素的后方了。
就和ppt中的图片被置底一样,但是html中有些情况你还是能看到你的元素,这种情况下我们要把这个元素置顶。


解决方案:

打开开发者工具,选择到你的元素,给这个元素的element style加上一个z-index,从2递增,看哪个数值下刚好能选择到你的元素,确认之后到项目文件中添加样式即可。

sample:

.ele-button {
    z-index: 3
}

不建议直接把z-index设置成99,有可能会覆盖某些需要一直置顶的元素,不太美观。


melancholy
17 声望1 粉丝

30days: front-end to full-stack