html - 在不影响颜色的情况下设置背景不透明度

标签 html css twitter-bootstrap

我正在寻找一种方法来组合我制作的调色板:this one , 生成 .css 和 .less

我想保留颜色,但我仍然需要一些元素的背景变得透明,所以我制作了一个 main.css 来添加透明度:

background-color: rgba(0, 0, 0, 0.5);

但现在的问题是它改变了生成的 .css/.less 中的颜色定义

所以我试着只设置不透明度

opacity: 0.5

现在受影响的是文本。

如何只设置背景的不透明度而不影响颜色和文本?

最佳答案

当更改某物的不透明度(使其更透明)时,您会自动更改它的颜色并使其看起来更亮。解决方法是在 photoshop 或类似工具中选择颜色,更改图层的不透明度,然后调整颜色以获得所需的颜色。

关于html - 在不影响颜色的情况下设置背景不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24596612/

相关文章:

html - 内联 block 元素在子元素换行后获得全宽

javascript - 左侧带有导航栏的 jquery ui 标签页

twitter-bootstrap - input-append 类按钮显示有边距

javascript - 设计主干并将其连接到 Ruby 服务器

html - 在同一行中跨 bootstrap 列对齐多个元素

html - 我的下拉菜单隐藏在我的部分标签后面

php - 在 codeigniter 中调用 Controller 函数

javascript - 数据标题包装在 ngTable Angularjs 中

javascript - 使用 JS/CSS 缩小工具作为 python distutils 命令?

php - 如何在 WordPress 中显示字段的值?PHP