如何使用CSS显示/隐藏删除按钮？ /*CSS*/ .Xbutton{display:none；} .Xbutton:悬停{显示：内联块；}

当有人仅在CSS中悬停“container”时，如何将“display:inline block”设置为“Xbutton”？

问题在于，不能悬停未显示的元素

检查并重试

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

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

/*CSS*/
.Xbutton{display:none；}
.container:hover.Xbutton{display:inline block；}

这个解决方案在IE6中不起作用，在IE7中可能有问题

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

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