不顯示在所有元素之上的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）

回答

相關問題