【问题标题】:CSS Transparency without affecting font color不影响字体颜色的 CSS 透明度
【发布时间】:2015-11-20 15:45:19
【问题描述】:

我的控制器中有这种风格:

vm.backgroundColor = { 
    'background': '#' + vm.colorHex,
    'filter': 'alpha(opacity = 10)', 
    '-moz-opacity': '0.1', 'opacity': '0.1' 
};

如何在不影响字体颜色的情况下使用它?谢谢

【问题讨论】:

  • 使用 rgba?比如background: rgba(0,0,0,0.2)是透明的黑色
  • 如果我不使用 rgba 有什么办法吗?
  • 这只是一个 CSS 问题,角度仅仅是应用它的方法。正如@cocoa 所说,只需使用RGBA,如果您无法更改数据以使用它,您最好将此逻辑放入一个指令中,您可以在其中有两个div,一个您应用颜色和不透明度的div。另一个包含文本。看到这个答案:stackoverflow.com/questions/5135019/… 编辑:我说使用指令,因为你不应该在你的控制器中进行 DOm 操作。
  • 我的问题是,背景在 标签中,而我的测试在

标签: css transparency


【解决方案1】:

通过改变整个元素的不透明度,你的定义是淡化整个元素。

如果您希望背景是半透明的,您可以使用rgba colours 轻松实现。

前三个数字代表红、绿、蓝,等级为0-255,第四个是alpha(透明度),等级从0(透明)到1(不透明)。

下面的代码会给出一个透明的红色背景。

vm.backgroundColor = { 
   'background' : rgba(255,0,0,0.5)
};

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签