工具提示不适用于 IE 10

Question

我想知道为什么我的工具提示在 IE 10 上不起作用。我检查了属性，没有发现 IE 10 不支持任何属性。它在 IE 11 和 Chrome 上工作正常.有任何想法吗？非常感谢！！

.badge:hover::before {
  visibility: visible;
}

.badge::before {
  content: attr(data-name);
  visibility: hidden;
}

<br>
<div class="badge apple" data-name="Apple">A</div>

Answer 1

我聪明的同事发现了这个 -- 这是 IE 10 的错误。解决方案在这里——::after on :hover does not work in IE

但是我选择不添加空的#ID:hover块，因为它会被minifier忽略

    /**
     * Fix for IE10 bug. This block could be empty, but the minifier would remove it.
     */
    #id:hover {
      cursor: pointer;
    }

Tooltip doesn't work on IE 10