jquery - 背景层中的div

Question

我在页面上有 div 作为水印。

div {position: fixed;}

但是在被div覆盖的区域，DIV下面的按钮和链接都变得不可点击了。要单击该元素，请滚动并移动 DIV。

我什至尝试过使用 body 元素和水印 div 的 z-index 属性。

body z-index to 2
watermark z-index to 1

那行不通。

我该如何解决这个问题，以便可以点击位于水印 div 下方的元素。

Answer 1

这似乎是一种保护知识产权的糟糕方式。即使使用普通的旧 chrome，您也可以直接修改/删除元素。也就是说，我知道有两种方法。

第一，是非标准 pointer-events CSS 属性:

pointer-events:none;

这将允许所有点击通过该对象。注意:它是非标准的。请参阅 MDN 链接底部的兼容性图表。


另一种方法当然是z-index。如果你只想在页面上加一个水印，你可以使用 z-index，但它不会覆盖应该交互的按钮/链接。问题是 z-index 需要另一个属性才能工作:position。如果该元素已经具有位置属性，请保持原样。否则，给它 position:relative 以便它留在文​​档流中(absolute 和 fixed 使它脱离流)。最后，z 索引元素的树级别也很重要。确保水印更靠近根元素。

总之，我认为这是个坏主意。 HTML/CSS 并非为此而设计，但如果您喜欢冒险，请尝试一下。