Html 如何使通过css移动的按钮可按？

我有两个这样的按钮：

<div style="position: relative; bottom: +95;">
<button name="" value="">Bypass</button>
<button name="open" value="n">Bypass</button>
</div>

<div style="position: relative; bottom: +95; z-index: 9999;">
<button name="" value="">Bypass</button>
<button name="open" value="n">Bypass</button>
</div>

旁路
旁路

当我点击它们时，什么都不会发生，它们是不可交互的

当我通过按tab键找到它们时，按钮确实会显示为可交互对象，并且我可以通过按enter键将它们按下

如果我删除

，它们会再次被推送，但显然它们并不是我想要的地方。

请尝试这样的z索引：

<div style="position: relative; bottom: +95;">
<button name="" value="">Bypass</button>
<button name="open" value="n">Bypass</button>
</div>

<div style="position: relative; bottom: +95; z-index: 9999;">
<button name="" value="">Bypass</button>
<button name="open" value="n">Bypass</button>
</div>

旁路
旁路

尝试这样的z索引：

<div style="position: relative; bottom: +95;">
<button name="" value="">Bypass</button>
<button name="open" value="n">Bypass</button>
</div>

<div style="position: relative; bottom: +95; z-index: 9999;">
<button name="" value="">Bypass</button>
<button name="open" value="n">Bypass</button>
</div>

旁路
旁路

当我点击它们时，什么都没有发生

你想发生什么？@Ashikirsha我想让它们被按下？如果我不清楚，什么都没有发生，没有动画或其他任何东西，就像在背景上单击一样。显示可推动的css

当我单击它们时，什么都没有发生

你想发生什么？@Ashikirsha我想让它们被按下？如果我不清楚，什么都没有发生，没有动画或其他任何东西，就像在背景上单击一样。为pushableupvoted显示css，但我会使用较小的值，例如

z-index:1向上投票，但我会使用较小的值，例如
z-index:1