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

Question

<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

Answer 1

我不确定我理解你的问题，但是让我试一试：如果你希望为特定对话框设置叠加层的样式，你可以在保存{的页面的body上进行设置。 {1}}，正如您在this pen中看到的那样。使用的CSS是

paper-dialog

虽然body { --iron-overlay-backdrop-opacity: 1.0; --iron-overlay-backdrop-background-color: red; } 和paper-button位于另一个自定义元素中，但如果两个元素都位于纯HTML页面中，则此方法有效。看看我如何处理一般错误对话框in my app。如果我将CSS放在该页面上，它将像the pen一样工作。