html - 是否可以在没有 JS 或图像映射的情况下使具有较低 z-index 的区域可点击？

Question

我设计了一个网站，其中包含精心制作的透明标题，该标题必须越过页面的部分主要部分。我试图将网站中使用的图像数量保持在最低限度，部分是为了尺寸，部分是为了更清晰的标记。

我想开始将可点击的元素放在透明度下的空白区域。通过使用 z-index，我设法让图像与有问题的 div 重叠。现在当然是无法点击了。

有没有人有解决这个问题的巧妙方法？我可以想出几种不同的方法来“解决”不太理想的问题，但我希望避免这些方法并找到不使用 JS 或图像映射的解决方案。我尝试使用具有更高 z 顺序的嵌套 div(外部 div 为 -1，内部 div 为 1)，但它不起作用。

Answer 1

事实证明根本没有必要更改 z-index。我所要做的就是使用负边距，然后我可以单击图像下方透明区域中的内容。我的错误是最初假设我出于某种原因需要更改 z-index。如果我在不触及 z-index 的情况下尝试过，那根本就不是问题。