CSS覆盖与相同外观的其他颜色

时间:2018-09-03 15:28:26

标签: css colors background-color

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

看起来很难看,为什么不将鼠标悬停在其他背景颜色上呢?

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

覆盖色有什么好处(有吗?)

1 个答案:

答案 0 :(得分:1)

如果您的覆盖层具有透明性,则背景颜色将通过覆盖层看到。如果您直接在按钮上应用,那么按钮后面会显示(在大多数情况下为白色),因此您会有2种不同的结果