聚合物纸-对话框-背景孩子的不透明度？

【问题标题】：Polymer paper-dialog-backdrop child's opacity?聚合物纸-对话框-背景孩子的不透明度？
【发布时间】：2018-03-06 03:38:28
【问题描述】：

<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

【问题讨论】：

标签： polymer overlay opacity paper-dialog

【解决方案1】：

我不确定我是否理解您的问题，但让我试试这个：如果您希望为特定对话框设置叠加层样式，请在包含 paper-dialog 的页面的 body 上执行此操作，如你可以在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 一样工作。

【讨论】：