opacity - Famo.us - 如何创建具有背景不透明度但不具有文本的表面

Question

我正在尝试创建一些 Famo.us 项目，但该方法存在问题，并想知道是否有人可以提供帮助。

我正在尝试创建一个视图，其中有一个 Surface。我希望该 Surface 的背景是透明的，但我希望 Text 完全可见。

我可以用 2 个相互叠加的 Surface 来解决这个问题，但这听起来很傻，所以想知道是否有人可以提供帮助。我的代码是：

  var infobarContent = new Surface({
    size: [true, true], 
    properties: {
      cursor: 'pointer',
      borderRadius: '5px',
      padding: '10px',
      backgroundColor: 'rgb(71,3,101)',
      color: 'white',
      textAlign: 'center'
    }
  });
  var infobarContentModifier = new StateModifier({ /*opacity: 0.4,*/ align: [0.05, 0.1], origin: [0.05, 0.8] });

我确实尝试向 Surface 添加一个类，但它似乎忽略了任何背景不透明度。我还尝试在 Surface 的属性中使用“rgb(71,3,101, 0.4)”——就像在普通网站中一样——但这也不起作用。

任何帮助都会很棒:)

谢谢，希望你周末过得愉快。

:)

Answer 1

问题是你的BackgroundColorrgb(71,3,101, 0.4)

正确的 CSS 值是rgba(71,3,101, 0.4)