在查看大量主题的教程时,我经常看到RGB和RGBA代替十六进制代码用于HTML/CSS中的颜色.
有人可以向我解释一下RGB,RGBA,十六进制之间的区别,以及每个应该使用的时间/使用一个优于另一个的好处吗？
我现在正在尝试处理一段代码。希望将鼠标悬停在图像上会改变不透明度，并使其中的一些文本可见。
让图像改变不透明度很容易，但我只是想知道导致问题的文本显示。
我目前的 HTML -
.WhyAGradeNotes {
display: inline-block;
margin-left: 150px;
margin-right: 150px;
height: 300px;
width: 250px;
background-image: url("http://www.placehold.it/250x300");
}
.WhyAGradeNotes p {
visibility: hidden;
}
.WhyAGradeNotes:hover {
opacity: 0.5;
.WhyAGradeNotes p {
visibility: visible;
}
} <section class = "WhyAGrade">
<span class = "WhyAGradeNotes"><p>Revision Notes</p></span>
<span class = "WhyAGradeSample"></span>
</section>如你所见，我遇到了困难。我猜它与可见性状态有关，但我不知道如何让它正常工作