如何点击透过图片，触发图片下方按钮的点击事件？

在移动端项目开发中，遇到了一个之前没有遇到过的问题。

场景复原：

下方的展开按钮，被上方的图片遮挡。导致用户在点击展开的时候，无法正常触发到展示的点击事件。

解决办法： 在图片的样式中，添加pointer-events: none;

看看chatgpt是如何解释这个属性的？

pointer-events: none 是 CSS 的一个属性，用来控制元素的鼠标事件行为。当一个元素的 pointer-events 属性被设置为 none 时，这个元素将不会响应任何鼠标事件，比如点击、悬停、拖动等。这通常用于以下几种情况：

1. 禁用用户交互：你可能希望一个元素看起来是存在的，但不希望用户对它进行任何交互。例如，你可能有一个透明的覆盖层，但不希望它阻止下面的元素被点击。
2. 实现视觉效果：有时候，你希望某些元素在视觉上是存在的，但不想让它们影响用户交互，比如在某些层叠效果或复杂布局中。

有用的知识又增加了一项~