帖子中的鼠標懸停按鈕開始閃爍？

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