CSS 叠加与外观相同的其他颜色

标签 css colors background-color

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

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

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

叠加颜色有什么好处(有吗?)?

最佳答案

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

关于CSS 叠加与外观相同的其他颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52152588/

相关文章:

css - firefox 不响应 float 与溢出 :hidden

python - matplotlib 中用于 SciPy 树状图的更大调色板 (Python)

css - chrome新版打印隐藏部分的打印预览边距

javascript - 是否可以在div中获取当前高度偏移量?

android - 快速将颜色外包到单独的地方?

javascript - 为颜色的十六进制表示添加不透明度

jquery - 如何循环遍历颜色数组以更改按键背景(按下/向下)

ios - 如何在 iOS 上更改 UISearchBar 组件的内部背景颜色

Internet Explorer 中的 CSS 动画

python-2.7 - 带有opencv库的python中的HSI颜色格式