Question

我试图创建一些Famo.us项目并且遇到问题，并且想知道是否有人可以提供帮助。

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

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

  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，但它似乎忽略了任何背景不透明度。我也尝试使用＆＃34; rgb（71,3,101,0.4）＆＃34;在Surface的属性中 - 就像在普通网站中一样 - 但这也不起作用。

任何帮助都会很棒：）

谢谢，希望你喜欢你的Weeekend。

：）

Answer 1

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

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

Famo.us - 如何创建具有背景不透明度但不是Text的曲面

1 个答案: