javascript - 在javascript中的网页上放置一个网格

Question

我是 Javascript 的初学者，我想知道您是否可以帮助我解决这个问题：

我正在开发另一个程序员的网页。该页面有很多功能（按钮..等） 我试图在所有页面的顶部添加一个网格，以便按钮仍然是 clicable。我制作了一个 png 网格并将其放在 html 文件中正文的开头。问题是即使图像是透明的，我也无法再单击图像下方的按钮。我也尝试过使用表格网格但同样的问题。我看到我可能需要检查 z-index，但在这样做之前，我想知道是否有其他方法。如果 z-index 是唯一的方法，我是否必须检查所有其他按钮（有很多）并为它们设置 z-index ？

最好的问候圭多

标签： javascript

Answer 1

我可能完全误解了您的问题，因为您没有提供太多有用的信息，但听起来您想要一个仅用于视觉目的的网格？

如果是这种情况，您可以尝试将您想要的内容包装在一个网格中div，并将背景设置为您提到的网格 png。

<div class="bg">
<button></button>
<button></button>
</div>

.bg {
background-image: url("grid.png");
}