用于动态插入元素的CSS

目前我正在一个网站上工作，我想展示一些特定DIV元素的工具包。我选择的武器是jQuery Tools。用于动态插入元素的CSS

所以当我使用$(".toolTipMe").tooltip();它的作品相当不错。当我徘徊了新的DIV出现在DOM元素：

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

但是设计是由我们自己的CSS-怪兽做（你应该这样这家伙！）和他使用一大把的Z-索引，因此.tooltip-DIV在其他元素之后。

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

.tooltip{ 
    z-index: 9001; 
}

事实上属性甚至没有显示出来调试的网站时。但是，下面的工作：

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

我不知道CSS规则是如何应用的动态插入的DOM元素，但我真的很讨厌在目前的解决方法是功能和风格的混合。有没有机会清理这个烂摊子？：C

2012-02-28 yoshi

在Chrome或萤火虫，你可以查阅一下属性的元素了。即使是动态的。也许选择器有问题吗？ – Remy 2012-02-28 10:00:32

我敢肯定你可以添加一个工具提示，而不需要JS（或者jQuery）。参看将http://bramvanroy.be/悬停在其中一个链接上。这只用css（3）完成。这可能会解决您遇到的一些困难时期，并且很容易实现。 – 2012-02-28 10:02:36

就像@Remy说的，也许选择器有问题。在你的CSS中使用'.tooltip'，但在你的JS中使用'.ui_day' ... – Alex 2012-02-28 10:03:11

我不熟悉的jQuery的工具，但如果你的z-index不能正常工作，你必须需要一个!important标签或使其position:relative或position:absolute

2012-02-28 10:06:28

疯狂，它似乎工作。非常感谢！ – yoshi 2012-02-28 10:14:32

哪一个工作？ '我想是！'重要的。 – 2012-02-28 11:46:10

在jQuery的工具，工具提示你需要指定z-index内工具提示构造函数，如：

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

我不知道这是否是z-index或zindex ..检查出来

2012-02-28 10:22:01 udidu

回答