javascript - 重複するタブJSCSSHTML

Question

今日、私がデザインしているhtml/cssマップで問題が発生しました。何らかの理由でタブが互いに重なり合っているため、テキストが読みにくくなり、マップの機能が相殺されます。誰かがこの問題を修正する方法を知っているなら、私に知らせてください。以下のサイトのサンプルを見つけることができます。

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

前もって感謝します、

• マイク

Answer 1

cssからz-indexと.handleiconz-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');
});