关于前端:给元素加上-position-absolute-之后无法点击解决办法

3次阅读

共计 296 个字符,预计需要花费 1 分钟才能阅读完成。

问题形容:

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


起因剖析:

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


解决方案:

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

sample:

.ele-button {z-index: 3}

不倡议间接把 z -index 设置成 99,有可能会笼罩某些须要始终置顶的元素,不太好看。

正文完
 0