如何覆盖div内部元素？

基本上我有：

<div class="container"> 
    <video class="viddeo"></video> 
    <img class="img" src=""/> 
</div>

只是想覆盖img超过video元素。供参考:(不能也不想用position:absolute;）。

的jsfiddle：https://jsfiddle.net/7qhygsoj/

来源

2017-04-16 Mr. Nobody

如果你不想绝对使用，你可以使用JS吗？我个人建议使用绝对的。你能告诉我为什么你不能使用绝对的？ – Lucian

@Lucian因为这些元素实际上是用for循环动态创建的，如果你使用'position：absolute'，它也会覆盖所有其他不必要的元素。 –

如果您进行了适当的布局并为父级创建“位置：相对”，它将不会生效。为每个循环中创建的元素创建每个父元素 – Lucian

您可以设置图像position:relative，然后top值相同的video的height但negative value因为我们需要如下移动image tag到top，

.container{ 
 
    height:200px; 
 
    width:300px; 
 
    background:black; 
 
} 
 
.viddeo{ 
 
    width:100%; 
 
    height:150px; 
 
    background:grey; 
 
} 
 
.img{ 
 
    width:100%; 
 
    height:150px; 
 
    background:blue; 
 
    position:relative; 
 
    top:-155px; 
 
}

<div class="container"> 
 
    <video class="viddeo"></video> 
 
    <img class="img" src=""/> 
 
</div>

来源

2017-04-16 09:13:23 frnt

如何覆盖div内部元素？

回答

相关问题