CSS工具提示未顯示在所有元素的頂部（沒有javascript）

Question

如何在所有HTML元素上方顯示工具提示？

http://jsfiddle.net/Fk79x/

<div class="wrapper">Lorem ipsum dolor 
   <div class="tooltip">Lorem ipsum dolor</div>
</div>

Answer 1

好的，我在您的HTML DIV中添加了4個新ID

<div class="wrapper" id="test1">Lorem...
<div class="wrapper" id="test2">Lorem...
<div class="wrapper" id="test3">Lorem...
<div class="wrapper" id="test4">Lorem...

並添加了以下新CSS：

#test1 {
    z-index:40;
}
#test2 {
    z-index:30;
}
#test3 {
    z-index:20;
}
#test4 {
    z-index:10;
}

演示在這里： jsFiddle