pointer-events 并没有用

根据提供的引用内容，pointer-events属性可以用于控制元素是否可以被鼠标事件所触发。如果将其设置为none，则该元素将不会响应任何鼠标事件，包括点击、悬停、拖拽等。如果将其设置为auto，则该元素将响应鼠标事件。因此，如果pointer-events属性没有生效，可能是由于以下原因之一：
1. 该属性被其他CSS属性所覆盖，例如z-index。
2. 该属性不被浏览器所支持。
3. 该属性被JavaScript所修改或覆盖。
如果您遇到了pointer-events属性无法生效的问题，可以尝试检查以上原因并进行相应的调整。

相关问题

pointer-events: inherit;

`pointer-events: inherit;`是CSS中的一个属性，用于指定元素是否应该响应鼠标事件。当一个元素设置为`pointer-events: inherit;`时，它会继承其父元素的指针事件属性。如果父元素设置为`pointer-events: none;`，则子元素也不会响应鼠标事件。

以下是一个例子，其中子元素继承了父元素的`pointer-events`属性：

<style>
    .parent {
        pointer-events: none;
    }
    .child {
        pointer-events: inherit;
        background-color: yellow;
    }
</style>

<div class="parent">
    <div class="child">子元素</div>
</div>

在这个例子中，父元素`.parent`设置了`pointer-events: none;`，因此它不会响应鼠标事件。子元素`.child`继承了父元素的`pointer-events`属性，因此它也不会响应鼠标事件。但是，子元素设置了背景颜色为黄色，因此可以看到它仍然存在于页面上。

pointer-events页面无法滑动

可以使用CSS3属性pointer-events来解决页面无法滑动的问题。当元素的pointer-events属性值为none时，该元素将不会成为鼠标事件的target，从而可以避免底部fixed的图片挡住整个body的滑动区域，实现整个页面都可以滑动。但是需要注意的是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。

以下是一个使用pointer-events属性解决页面无法滑动问题的例子：

body {
  pointer-events: none;
}

.fixed-image {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  pointer-events: auto;
}

在上面的例子中，我们将body元素的pointer-events属性值设置为none，这样可以避免底部fixed的图片挡住整个body的滑动区域。同时，我们将底部fixed的图片的pointer-events属性值设置为auto，这样可以使该元素成为鼠标事件的target，从而可以响应用户的操作。