html做转盘指针被压住,怎样修改才能做到指针旋转而不是转盘转

要实现指针旋转而不是转盘转，可以使用 CSS3 中的 `transform-origin` 和 `transform` 属性来实现。

首先，需要将指针的起始位置设置在转盘的中心点，可以通过设置 `transform-origin` 属性来实现。例如，将指针的起始位置设置在转盘的中心点（假设转盘的宽高为 200px）：

.pointer {
  transform-origin: 100px 100px;
}

接着，可以通过设置 `transform` 属性来实现指针的旋转。例如，将指针旋转 45 度：

.pointer {
  transform: rotate(45deg);
}

然后，在 JavaScript 中可以通过修改 `transform` 属性的值来实现指针的动态旋转。例如，将指针旋转到一个随机角度：

var pointer = document.querySelector('.pointer');
var angle = Math.floor(Math.random() * 360); // 随机角度
pointer.style.transform = 'rotate(' + angle + 'deg)';

注意，如果指针被压住，可能是因为它的 `z-index` 属性没有设置或设置不正确。可以将指针的 `z-index` 属性设置为比转盘的 `z-index` 属性大，例如：

.pointer {
  z-index: 2;
}

.turntable {
  z-index: 1;
}

这样就可以让指针在转盘上方显示。