重叠选项卡JS CSS HTML

Question

今天我遇到了一个我正在设计的html / css地图问题。由于某种原因，标签彼此重叠，导致文本难以阅读，否则会抵消地图的功能。如果有人知道如何解决这个问题，请告诉我。您可以在下面找到该网站的样本。

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

提前致谢，

• 麦克

Answer 1

从css中删除.handleicon z-index以及.topdiv z-index，并将.handleinfo z-index更改为999.这应该可以解决您的问题。

祝你好运：）

Answer 2

或者，您可以从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');
});