Html 如何防止在IE中进行下拉时禁用悬停效果？

我制作了一个简单的网站，复制了IE11中的bug

当我将鼠标悬停在红色选项卡上时，它会显示蓝色容器。在蓝色容器中，有一个下拉列表。如果单击下拉菜单并将鼠标悬停在项目上，蓝色容器将消失，但下拉菜单仍会显示。我在chrome上试过了，但这个错误并没有发生在那里。我想蓝色的容器仍然显示，而我甚至去下拉和悬停在这些东西上

有人知道如何解决这个问题吗

谢谢

html，
身体{
保证金：0；
填充：0；
}
.标签{
背景色：红色；
显示：内联块；
}
.悬停菜单{
显示：无；
宽度：100%；
高度：50vh；
背景色：青色；
职位：-ms页；
位置：固定；
}
.集装箱{
显示：内联块；
}
.container:悬停。悬停菜单{
显示：块；
}

桌棋类游戏
A.
B
C
D
E

我找到了一种快速而肮脏的IE修复方法

        $("select").bind('focus', {}, function (event) {
            $(this).closest(".hovermenu").css('display', 'block');
        }).bind('blur', {}, function (event) {
            $(this).closest(".hovermenu").css('display', '');
        });

---

我找到了一种快速而肮脏的IE修复方法

        $("select").bind('focus', {}, function (event) {
            $(this).closest(".hovermenu").css('display', 'block');
        }).bind('blur', {}, function (event) {
            $(this).closest(".hovermenu").css('display', '');
        });

---

在我看来，Chrome就是被窃听的那个。我不认为把鼠标放在下拉列表上就可以算作鼠标悬停在列表后面的东西上。@apokryfos虽然这是真的，但我认为Chrome团队在增强功能方面偏离了规范。我不明白，我认为Chrome的行为更可取，因为它看起来更好。但不管是哪种情况，我仍然不想弄明白如何在IE中保持背景。也许毕竟不是这样的偏差。。。在Chrome 51、Firefox 47和Edge 13中，悬停仍然存在，所以……在我看来，Chrome是被窃听的。我不认为把鼠标放在下拉列表上就可以算作鼠标悬停在列表后面的东西上。@apokryfos虽然这是真的，但我认为Chrome团队在增强功能方面偏离了规范。我不明白，我认为Chrome的行为更可取，因为它看起来更好。但不管是哪种情况，我仍然不想弄明白如何在IE中保持背景。也许毕竟不是这样的偏差。。。在Chrome 51、Firefox 47和Edge 13中，悬停仍然存在，因此。。。