没有应用铁覆盖背景样式

时间:2015-10-22 05:32:23

标签: css polymer

我有一个自定义元素,它具有铁叠加背景作为子元素(在纸张对话框内)。我试图增加淡入淡出时间(如果我可以在chrome中编辑css,我可以这样做)。当我尝试将更改应用于样式--iron-overlay-backdrop时,更改不会应用于子项。我所拥有的是:

<style>
:host {
    --iron-overlay-backdrop: {transition: opacity 5s;};
}
</style>

我还尝试了一些更简单的--iron-overlay-backdrop-opacity:0.8,它也不起作用。由于某种原因,样式没有被应用。有谁知道我做错了什么,或者我怎么能得到更长过渡时间的理想行为?

1 个答案:

答案 0 :(得分:0)

叠加背景的自定义属性为: - iron-overlay-backdrop-opacity 您可以设置主机的不透明度,并以此方式进行转换

:host{
opacity: var(--iron-overlay-backdrop-opacity, 0.8);
  transition: opacity 5s;
}