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;
}

DEMO：jsFiddle