Javascript 如何使纸张菜单按钮下拉列表在聚合物中透明？

我想使

的下拉列表透明化，但它对我不起作用。我正在使用以下代码：

<paper-menu-button>
  <paper-icon-button icon="menu" slot="dropdown-trigger"></paper-icon-button>
  <paper-listbox slot="dropdown-content">
    <paper-item>Share</paper-item>
    <paper-item>Settings</paper-item>
    <paper-item>Help</paper-item>
  </paper-listbox>
</paper-menu-button>

分享
设置
帮助

我试过<代码>--纸张菜单按钮下拉背景：rgba（255255.5），但它不工作。

默认情况下，

是不透明的，位于

下拉列表的背景之上，因此您必须执行以下操作之一：

• 使列表框的背景透明，以便看到下面的颜色（尽管清除列表框覆盖按钮图标，这可能使文本难以阅读）

  
  纸质列表框{
  /*透明，可在下方显示纸张菜单按钮的背景*/
  --纸质列表框背景色：透明；
  }
  纸张菜单按钮{
  --纸张菜单按钮下拉背景：rgba（0,0255,5）；
  }
  

• 或将列表框的背景色设置为所需的颜色：

  <dom-module id="x-foo">
    <template>
      <style>
        paper-listbox {
          --paper-listbox-background-color: rgba(0,0,255,.5);
        }
      </style>
  

  
  纸质列表框{
  --纸质列表框背景色：rgba（0,0255,5）；
  }
  

---

它成功了。有没有办法摆脱与按钮图标重叠的菜单。我尝试了noOverlap=“true”，但没有成功。

<dom-module id="x-foo">
  <template>
    <style>
      paper-listbox {
        --paper-listbox-background-color: rgba(0,0,255,.5);
      }
    </style>