Html 如何在链接到shadowbox vimeo视频的缩略图上覆盖播放按钮png

如何在链接到shadowbox vimeo视频的缩略图上覆盖播放按钮png

阴影盒可以工作，这不是问题所在。在缩略图上实现透明播放按钮的问题

html:

---

请帮助为什么

浮动：自动
声明

.playIcon
span未嵌套在
.demoHumbnail
中，这就是CSS规则不适用的原因

如果希望播放图标覆盖在整个缩略图上，请使用：

.postSingle a {
    position: relative; /* The parent has to be set to relative */
}
.playIcon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

如果您的意思是要选择
.demohumbnail
的直接同级，请使用：
.demohumbnail+.playcon
。请参阅有关同级选择器和子选择器的详细信息

p/s：请用小提琴来说明你将来的问题。
你有没有想过？我有一个可行的解决方案。。。我刚刚用shadowbox为youtube视频缩略图完成了这项工作。
.demothumbnail{
    position: absolute;
    width: 400px; height: auto;
    z-index: 1;

}

.demothumbnail span.playIcon{
    float: auto;
    position:absolute;
     z-index: 0;
}

.postSingle a {
    position: relative; /* The parent has to be set to relative */
}
.playIcon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}