工具提示在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;
    }