页面顶部透明背景图片

Question

4

我有一张背景图片，想要在网页上方显示，或者更好地解释，可以将背景图片想象成一个水印。我想把它作为一个过滤器放在我的网页上，使每个页面都有这个“水印”。

我通过设置图片的透明度来实现了这一点。但问题是，除非我将z-index设置为比如-10000，否则该图片被认为是“最上面”的，因此我的链接无法点击。

有没有建议能够实现我所尝试的功能而不会导致链接无法点击？

- user829237

有趣的问题，但我认为没有办法做到这一点。一个图像要么在顶部，遮挡了一切，要么在底部，被其他所有东西遮挡着。 - Pekka

1

可能是单击一个DIV到底层元素的重复问题。 - Joseph Marikle

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- SpaceBeers · Accepted Answer

你可以使用覆盖层上的 pointer-events 来实现这个功能。

#overlay {
  pointer-events: none;
}