Tooltip在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; 
}