Fatal编程技术网
  • polymer/
  • Polymer 纸波纹在整个屏幕上，而不是包含在我的元素中？

Polymer 纸波纹在整个屏幕上，而不是包含在我的元素中？

polymer

Polymer 纸波纹在整个屏幕上，而不是包含在我的元素中？,polymer,Polymer,我做错什么了吗？出于某种原因，当我在屏幕上单击任何位置时，而不仅仅是单击下面的图像时，我的纸张会产生波纹？我把语法搞砸了吗？文件不是很清楚 <polymer-element name="sound-card"> <template> <style> /*snip*/ .soundcard-img { height: 77%; width: 100%; }

我做错什么了吗？出于某种原因，当我在屏幕上单击任何位置时，而不仅仅是单击下面的图像时，我的纸张会产生波纹？我把语法搞砸了吗？文件不是很清楚

<polymer-element name="sound-card">
<template>
    <style>
        /*snip*/
        .soundcard-img {
            height: 77%;
            width: 100%;
        }

        paper-ripple {
            color: #00ca92;
        }
    </style>
    <div class="soundcard-container" vertical layout>
        <img src="../img1.jpg" class="soundcard-img">
        <paper-ripple fit></paper-ripple>
        <div horizontal layout center justified>
            <div>test</div>
            <a href="#"></a>
        </div>
    </div>
</template>

<script>
    Polymer({
        ready: function() {
        }
    });
</script>
</polymer-element>


/*剪断*/
.声卡img{
身高：77%；
宽度：100%；
}
纸波纹{
颜色：#00ca92；
}
测试
聚合物({
就绪：函数（）{
}
});
我是否需要在聚合物定义的元素而不是div中包含纸张波纹？如果相关的话，我的容器div设置为200x260px！谢谢

查看网页检查器，问题似乎是
元素的大小覆盖了整个页面。在该元素上使用
fit
属性：

注意：使用
fit
属性时，必须有一个带有 固定大小并具有
位置：相对布局。这就是问题所在
孩子们知道该去哪里


将
style=“position:relative”
添加到声卡容器元素（或添加样式的任何其他方式）对我来说在Chrome stable上都很有用。
是因为你没有关闭
标签吗？啊，很抱歉，没有在它前面添加四个空格用于stackoverflow。不，就在那儿！好的，但是：-）