我试图覆盖2个图像,但它们都需要响应高度和大小(即父DIV不是固定大小(特别是缩略图上的播放按钮) .
例...
<div class="img-wrap">
<div class="play-button">Play Button Img</div>
<div class="thumb-image">Thumbnail Video Image</div>
</div>
通常我会在.img-wrap上设置相对高度,宽度和位置,然后设置.play-button和.thumb-image的位置绝对和z-index,以允许播放按钮图像恰好位于缩略图上 .
我遇到的问题是缩略图是响应式的,所以我无法设置.img-wrap的高度和宽度 . 我仍然可以设置他的z-index OK但是没有设置高度,下面的一切都在它下面绝望 .
有没有解决这个问题?
谢谢 - 杰克
1 回答
使用以下技术:
References
Fit-and-shrink technique
PlayBox: Vertical and Horizontally Centered Modal