如何用CSS显示/隐藏删除按钮？

Question

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

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

当有人在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