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

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 它工作正常。