如何使用CSS顯示/隱藏刪除按鈕？

Question

<div class="container"> 
    <div class="Xbutton"> 
    </div> 
</div> 

/*THE CSS*/ 
.Xbutton { display:none; } 
.Xbutton:hover { display:inline-block; } 

當某人只在CSS中將「容器」懸停在CSS中時，如何將「display：inline-block」設置爲「Xbutton」？

Answer 1

嘗試

<div class="container"> 
    <div class="Xbutton"> 
    </div> 
</div> 

/*THE CSS*/ 
.Xbutton { display:none; } 
.container:hover .Xbutton { display:inline-block; } 

該解決方案將不IE6工作，可能是越野車在IE7。

Answer 2

問題是你不能懸停一個沒有顯示的元素。

檢查Why isn't css visibility working