不显示在所有元素之上的CSS工具提示（无javascript）

如何在所有HTML元素之上显示工具提示？不显示在所有元素之上的CSS工具提示（无javascript）

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

来源

2014-07-23 Vitaliy Hayda

好吧，我加了4点新的ID在你的HTML的DIV

<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

来源

2014-07-23 18:00:46 totallytotallyamazing

你的jsFiddle与我的没有什么不同（z-index没有效果） –

@VitaliyHayda我的改变是在Firefox中工作，但只是检查，它不在safari和chrome中工作。我会仔细看看。 – totallytotallyamazing

@VitaliyHayda这应该有希望满足您的期望。我这次测试了FF，Chrome，Safari和Opera。 – totallytotallyamazing

不显示在所有元素之上的CSS工具提示（无javascript）

回答

相关问题