CSS 工具提示未显示在所有元素之上（无 javascript）答案

【问题标题】：CSS tooltip not showing on top of all elements (no javascript)CSS 工具提示未显示在所有元素之上（无 javascript）
【发布时间】：2014-07-23 17:50:48
【问题描述】：

如何在所有 HTML 元素之上显示工具提示？

http://jsfiddle.net/Fk79x/

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

【问题讨论】：

标签： html css hover tooltip show

【解决方案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

【讨论】：

你的 jsFiddle 和我的没区别（z-index 没有效果）
@VitaliyHayda 我的更改在 Firefox 中有效，但刚刚检查过，在 safari 和 chrome 中无效。我会仔细看看。
@VitaliyHayda 这应该能满足你的期望。这次我在 FF、Chrome、Safari 和 Opera 中进行了测试。
@VitaliyHayda 不客气，我很高兴能帮上忙！但是，如果您可以请单击我的答案旁边的向上箭头，我将不胜感激！有关正确的协议，请参阅此链接stackoverflow.com/help/someone-answers PS：您也可以对评论进行投票。
谢谢@VitaliyHayda！