hover - 如何在悬停时显示 Richfaces commandButton

Question

当我悬停外部 div 时，是否有一种简单的方法来显示命令按钮？

<h:panelGroup layout="block" styleClass="galleryPreview">
      <a4j:commandButton value="Start from here" styleClass="commandButton"
      action="#{skinningBean.setCurrentSkinAndForwardToEditor(skin, false)}" />
</h:panelGroup>

所以我想我必须首先隐藏我的按钮，比如visibility: hidden;

是否可以将我的 div 中的所有元素设置为悬停时可见？

就像是

.galleryPreview:hover {
    border: 1.5px solid #6bba29;
    visibility: visible;
}

Answer 1

我只需要将 commandButton 的类设置为可见，而不是外部 div

.galleryPreview:hover .commandButton{
    visibility: visible;
}