聚合物纸 - 对话 - 背景儿童的不透明度？

Posted 2021-04-12

<style is="custom-style">
  iron-overlay-backdrop {
    --iron-overlay-backdrop-opacity: 0.7;
    --iron-overlay-backdrop-background-color: black;
  }
</style>

此方法设置叠加层的不透明度及其所有子项。如果我想设置孩子的不透明度？我希望1到（子）对话框的不透明度

.dialog {
  opacity: 1;
}

related question

答案

我不确定我理解你的问题，但让我试试这个：如果你希望为特定对话框设置叠加样式，你可以在包含body的页面的paper-dialog上进行设置，正如你在this pen中看到的那样。使用的CSS是

body {
  --iron-overlay-backdrop-opacity: 1.0;
  --iron-overlay-backdrop-background-color: red;
}

虽然paper-button和paper-dialog在另一个自定义元素中，但如果两个元素都在纯html页面中，则此方法有效。看看我是如何处理一般错误对话框in my app。如果我把CSS放在那个页面上，那就像the pen一样。