Question

根据the docs，我可以使用nodes.Where(node => checkedNodes.Contains(node.Id) || (node.ParentId != null && checkedNodes.Contains((int)node.ParentId)) ).ToList().ForEach(each => { each.IsChecked = true; });和--iron-overlay-backdrop-opacity属性为我的叠加层设置样式。

这就是我正在尝试的，但它对基础--iron-overlay-backdrop-background-color没有任何影响：

iron-overlay-backdrop

检查broswer表明<dom-module id="my-overlay"> <style> :host { --iron-overlay-backdrop-opacity: 0.9; --iron-overlay-backdrop-background-color: #222; } </style> <template> <content></content> </template> <script> Polymer({ is: 'my-overlay', behaviors: [ Polymer.IronOverlayBehavior ], attached: function(){ this.setAttribute('with-backdrop', ''); } }); </script> </dom-module>保留了iron-overlay-backdrop和opacity的默认值：

enter image description here

Answer 1

铁叠加背景将被添加到身体，所以你必须在你的身体中应用这些样式：

<body>

  <style is="custom-style">
    iron-overlay-backdrop {
      --iron-overlay-backdrop-opacity: 0.9;
      --iron-overlay-backdrop-background-color: #222;
    }
  </style>

  <my-overlay></my-overlay>

</body>

铁覆盖行为造型未生效

1 个答案: