用於動態插入元素的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

回答