Css 如何仅在标题为“时使用背景色”；“透露”；聚合物

我想在这个演示中重新创建一个行为，其中头背景是透明的，除非头被“显示”

我已经设置了

效果

和

显示

属性

<app-header role="navigation" id="header" effects="waterfall" condenses reveals>
  <app-toolbar>
     <a href="/">Home</a>
     <a href="/values">Value Proposition</a>
     <a href="/manufacturers">Manufacturers</a>
     <a href="/our-team">Our Team</a>
  </app-toolbar>
</app-header>

---

没有效果。

只有当滚动位置在顶部时，链接演示中的标题才会淡出背景。要启用它，请在

Hm中添加
淡入淡出背景。
我无法让它正常工作。。。谢谢你的演示！！我踢了一脚并关闭了特效，所以头部被钉在了顶部。我可能错过了一些我的皮棉抓不住的东西。。。当我修改HTML/CSS时，它对输出没有任何影响。你有复制吗？
app-header {
  background: rgba(255,255,255,0);
  --app-header-background-front-layer: {
    background: rgba(255,255,255,1);
  };
  --app-header-background-rear-layer: {
    background: rgba(255,255,255,0);
  };
}

<style>
  app-header {
    @apply --layout-fixed-top;
    --app-header-background-rear-layer: {
      background-color: #fff;
    };
  }
</style>
<app-header effects="fade-background" ...></app-header>