jquery - 出现在模式 fancybox 下的工具提示

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 索引为 111102。

您的工具提示类的 z 索引为 1020。

如果我给 .tooltip 一个 z-index 111103，它就可以正常工作。