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

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;
}

相关问题

Answer 1

我不确定我是否理解您的问题，但让我尝试一下： 如果您希望为特定对话框设置叠加层的样式，请在包含paper-dialog的页面的body上执行此操作，如您在本笔中看到的那样。使用的 CSS 是

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

虽然paper-button和paper-dialog位于另一个自定义元素中，但如果两个元素都位于纯 HTML 页面中，则此方法有效。看看我如何处理应用中的常规错误对话框。如果我把上面的CSS放在那个页面上，它会像笔一样工作。