在旋转右旋转木马控制器上显示glyphicon旋转木马控制权

Question

<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon carousel-control-right"></span></a>

我希望只有当用户将鼠标悬停在课程glyphicon carousel-control-right上时才会显示right carousel-control，否则应该隐藏它。如果有可能请帮忙。 这是图片

Answer 1

将不透明度设置为0，使其在视觉上隐藏但仍占用控制链接中的空间，然后在:hover上将不透明度设置为1

.carousel-control-right {
  opacity: 0;
}

.right.carousel-control:hover .carousel-control-right {
  opacity: 1;
}