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