动态插入元素的CSS

Question

目前，我正在一个网站上工作，我想为特定的DIV元素展示一些工具提示。我选择的武器是jQuery Tools。

因此，当我使用$(".toolTipMe").tooltip();时，它的效果非常好。只要我悬停元素，DOM中就会出现一个新的DIV：

<div class="tooltip" style="display: none; position: absolute; top: 313.65px; left: 798.5px;">foo</div>

然而，设计是由我们自己的css-monster完成的（你应该这个人！）他使用了很多z索引，所以.tooltip-DIV落后于其他元素。

现在的问题是：
我们的.css文件中的以下代码没有任何效果：

.tooltip{
    z-index: 9001;
}

事实上，在调试网站时，该属性甚至没有显示出来。但以下内容将起作用：

$(".toolTipMe").tooltip({
  onShow: function(){
    $(this).css("z-index","9001");
  }
});

我不确定如何将CSS规则应用于动态插入的DOM元素，但我在当前的解决方法中真正讨厌的是功能和样式的混合。有机会清理这个烂摊子吗？ ：C

Answer 1

我不熟悉jquery工具，但是如果您的z-index无法正常工作，则必须使用!important标记或将其设为position:relative或position:absolute

Answer 2

在jquery工具工具提示中，您需要在工具提示构造函数中指定z-index，如：

$（“。toolTipMe”）。tooltip（{z-index：'9001'}）;

我不确定它是z-index还是zindex ..检查出来