帖子中的鼠标悬停按钮开始闪烁？

Question

我有两个div元素，其中一个代表帖子（状态帖子），一个代表删除帖子的删除按钮。删除按钮只能在表示帖子的div元素的鼠标悬停事件上显示。它也应该显示在删除按钮本身的鼠标悬停事件上，因为它位于帖子内。

document.getElementById('statusPost').addEventListener('mouseover', function(event){ 
    var deleteButton = document.createElement('div'); 
    deleteButton.id = 'deleteButton'; 
    deleteButton.className = 'deleteButton'; 
    this.appendChild(deleteButton); 
},false); 

document.getElementById('statusPost').addEventListener('mouseout', function(event){ 
    this.removeChild(deleteButton); 
},false); 

现在的问题是，在删除按钮的鼠标悬停，删除按钮开始闪烁？删除按钮位于帖子内，就像facebook一样。它就像在mouseover上的删除按钮一样被视为表示帖子的div元素的鼠标移出。所以这就是为什么它开始闪烁。这至少是我的想法。我如何解决这个问题，如果鼠标悬停在删除按钮上，这是在帖子内，它停止blinkng？

Answer 1

您是否需要实际从DOM删除删除按钮，或者可以隐藏它吗？如果可以的话，最好使用仅限CSS的方法：

.deleteButton 
{ 
    display: none; 
} 
.statusPost:hover .deleteButton 
{ 
    display: block; 
}