css - CSS覆盖与相同的其他颜色

Question

奇怪我刚才遇到了这个问题-css背景颜色叠加和相同的颜色之间有什么区别吗？例如：设计师为悬停、聚焦等设计了按钮。在悬停时，他写道 -覆盖 #FFF 15%。现在我们使用 mixins 并且颜色是十六进制的，我有两个选择 - 用其他 div 包装元素或将我的 rgba 颜色转换rgba(255,255,255,0.15)为 rgba#FFFFFF26并使用伪类将其应用于悬停。

它看起来很难看，为什么不只是悬停时的其他背景颜色？

我可以得到这样的十六进制颜色rgba(255,255,255,0.15)，它看起来一样......

叠加颜色有什么好处（有吗？）？

标签： csscolorsbackground-color

Answer 1

如果您有透明的叠加层，则可以通过叠加层看到背景颜色。如果您直接在按钮上应用，那么它后面的内容将显示（在大多数情况下为白色），因此您有 2 个不同的结果