如何覆蓋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內部元素？

回答

相關問題