Javascript 是否可以使用半透明<；img>；对下面的项目有影响吗？

我在尝试制作一个简单的chrome插件时遇到了一种奇怪的情况。这个插件的想法是，它不断地在你正在查看的页面顶部覆盖一个半透明的图像。为了实现这一点，我使用了插件注入JavaScript，它附加了一个带有以下CSS规则的标记：

img.class#id {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%
  width: 100%;
  opacity: 0.5;
  z-index: 9999999;
}

---

这已经起作用了，但它引入了一个新问题。由于图像的z索引故意较大，因此它会覆盖用户在z索引较低的元素上的左键和右键单击操作。我不能将z索引更改为更小，因为这会破坏插件的用途，我也不能更改页面上其他内容的透明度，因为存在太多的可变性。有没有办法确保页面仍然可用，即使图像覆盖在页面上？

在css中设置

指针事件：无

Ref:

指针事件CSS属性指定在什么情况下（如果
任何）特定的图形元素可以成为鼠标的目标
事件


注意，虽然只声明了鼠标事件，但它实际上对所有类型的指针事件都有效-鼠标、触摸

根据可能的值：

none
元素永远不是鼠标事件的目标；然而，老鼠
事件可能以其子代元素为目标，如果这些子代具有
指针事件设置为其他值。在这种情况下，鼠标
事件将触发此父元素上的事件侦听器，如下所示
在事件期间，在往返后代的途中适当
捕获/气泡阶段

您是否尝试在有问题的
img
标记上声明
指针事件：none
？将其链接到答案中，并将重要部分复制/粘贴到答案中，以防该链接出现故障或更改。您仍应编辑该链接，以便将该链接中的重要部分添加到答案中。老实说，没有人应该在你的答案中添加内容，虽然在这种情况下这是有帮助的，但它不是原始答案的一部分