如何将ImageButton点击空间限制为仅限于图像本身？(而不是空白的“占用”空间)？

<button class="image-button"></button>

.image-button {
  background: url(path/to/image.jpg) no-repeat center;
  border: none;
  width: /* 图像宽度 */;
  height: /* 图像高度 */;
}

<button class="image-button">
  <img src="path/to/image.jpg" alt="图像">
</button>

.image-button {
  border: none;
  padding: 0;
  background: transparent;
}

.image-button img {
  width: /* 图像宽度 */;
  height: /* 图像高度 */;
  pointer-events: none; /* 禁用图像的交互事件 */
}