javascript - Overlapping Tabs JS CSS HTML

Question

I ran into an issue today with an html/css map I am designing. For some reason the tabs are overlapping each other causing the text to be difficult to read and otherwise offsetting the functionality of the map. If anyone knows how to fix this issue please let me know. You can find a sample of the site below.

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

Thanks in advance,

• Mike

Answer 1

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

祝你好运 ：）

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');
});