Html 聚合物项目:纸卡图像样式下#阴影根不工作

Html 聚合物项目:纸卡图像样式下#阴影根不工作,html,css,polymer,polymer-2.x,Html,Css,Polymer,Polymer 2.x,我正在研究Polymer 2.0,并使用Polymer纸卡显示一些文本和图像。我需要对#shadow root 代码如下: <paper-card elevation="1" aria-label=""> <iron-image> #shadow-root <img id="img" hidden="" src="/images/image.jpg"> </iron-image> <div class="card-content">

我正在研究Polymer 2.0,并使用Polymer
纸卡
显示一些文本和图像。我需要对
#shadow root

代码如下:

<paper-card elevation="1" aria-label="">

<iron-image>
#shadow-root
<img id="img" hidden="" src="/images/image.jpg">
</iron-image>

<div class="card-content">
<h2>Title</h2>
Some text here..
</div>
</paper-card>

但这对我不起作用。这里面有什么错误吗?

试试
纸卡::开槽(铁图像)
。查看有关设置分布式子对象样式的链接

您也可以尝试在css中使用
--纸质卡片标题图像
,如:

paper-card {
    --paper-card-header-image: {
        display: block;
    };
}

谢谢你的支持。。但这对我不起作用
paper-card {
    --paper-card-header-image: {
        display: block;
    };
}