javascript - 重叠标签 JS CSS HTML

Question

我今天在设计 html/css map 时遇到了问题。由于某种原因，选项卡相互重叠，导致文本难以阅读，否则会影响 map 的功能。如果有人知道如何解决此问题，请告诉我。您可以在下面找到该站点的示例。

http://mikedemar.com/martygraff/index.html

提前致谢

• 迈克

Answer 1

或者，您可以从 css 类中删除 z-index 值并使用 jQuery 向当前 div 添加/删除更高的 z-index 值:

$('.handle').on('mouseover', function(){
    $(this).css('z-index', '200000000');
});
$('.handle').on('mouseout', function(){
    $(this).css('z-index', '100000000');
});