Полимерная бумага-диалог-фон детской непрозрачности?

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

Я не уверен, что понимаю ваш вопрос, но позвольте мне попробовать это: если вы хотите стилизовать наложение для определенного диалога, вы делаете это на body страницы, которая содержит paper-dialog, как вы можете видеть в этой ручке. CSS используется

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

В то время как paper-button и paper-dialog в другом пользовательском элементе, этот подход работает, если оба элемента вместо этого находятся на простой HTML-странице. Посмотрите, как я обрабатываю общий диалог об ошибках в моем приложении. Если бы я разместил CSS выше на этой странице, он бы работал как ручка.