CSS：在 Safari 中，工具提示的阴影仍然存在

Question

我有一组 3 个按钮，对于每个按钮，我都有一个带有消息的特定工具提示。当工具提示处于活动状态和非活动状态时，一切都在 Windows 上完美运行。但在 iOS 上，特别是在 Safari 上，当工具提示处于活动状态然后变为非活动状态时，工具提示形状的阴影仍然存在。见

我尝试了 -webkit- 的一些属性，但它们不起作用。有人可以帮助我吗？

Answer 1

当工具提示处于非活动状态时，它不会有过渡效果并且会消失

例如：

.tooltip {
  transition: visibility 0s linear;
}

.tooltip.active {
  transition: visibility 0s linear, opacity 0.3s ease;
}

.tooltip.inactive {
  visibility: hidden;
  opacity: 0;
  box-shadow: none;
  // you can try with all these or just one

}

您还可以尝试将 CSS

overflow: hidden;

添加到工具提示或

pointer-events: none;

可能还有其他因素在起作用，可能会阻止这些功能发挥作用。