模态花式框下出现的工具提示

Question

我的网站上有一个联系表，以便人们写推荐信。联系表单会在模型框中弹出，并且它具有在某些字段中悬停时弹出的工具提示。工具提示确实有效，但它会弹出模型框后面而不是前面。示例网站是：

http://www.leadcomm.net/testimonials/

点击“写评论”图片时会弹出模态框。工具提示确实会弹出，但您看不到它们。如果您将鼠标悬停在单选框上，您会看到它。

我尝试添加一个 zindex，但没有奏效。

$j(".ccf-tooltip-field").tooltip({
  position: "center right",
  offset: [-2, 10],
  effect: "fade",
  opacity: 0.7,
  tipClass: 'ccf-tooltip',
  zIndex: '100100',
});

我们将不胜感激。

Answer 1

您的模态框的 z-index 为 111102。

您的工具提示类的 z-index 为 1020。

如果我给 .tooltip 的 z-index 设置为 111103，它可以正常工作。